/******************************************************************************************************************************************
*	Description	: 상품 페이지 전반적인 공통스타일 시트
*	Company		: CELMON CO., LTD.
*	Author		: FUNNY
*	Date		: 2018/07 ~
*	Caution		: CORE 스크립트에는 URL 추적 코드가 압축되어 있으며, 파일 호출 시 해당 URL이 Google Analytics에 Referral 됩니다.
				  Referral에 기록된 IP와 URL은 철저하게 감시하여 저작권 침해시,
				  "대한변리사회" (응용미술저작물) 침해로 처벌 될 수 있으니 유의하시기 바랍니다.
*******************************************************************************************************************************************/
@charset "utf-8";


/* Product List Icon - 2020.12.24 */
.PDtype_block		{display:inline-block; position:relative; margin:0px auto 0px auto; width:100%; bottom:0px;}
.picon_db:after		{content:'연동'; position:relative; display:inline-block; height:13px; padding:0px 4px; color:#DDD; font-size:10px; line-height:13px; letter-spacing:-1px; border:1px solid #DDD; border-radius:2px;} /* 상품 데이터베이스(API)*/
.picon_direct:after	{content:'산지'; position:relative; display:inline-block; height:15px; padding:0px 4px; color:#FFF; font-size:10px; line-height:15px; letter-spacing:-1px; background:var(--IDTcolor); border-radius:2px;} /* 산지 직배송(CELTRA A Code) */
.picon_free:after	{content:'무료배송'; position:relative; display:inline-block; height:15px; padding:0px 4px; color:#FFF; font-size:10px; line-height:15px; letter-spacing:-1px; background:#08bbf6; border-radius:2px;} /* 무료배송 */
.picon_best:after	{content:'베스트'; position:relative; display:inline-block; height:15px; padding:0px 4px; color:#FFF; font-size:10px; line-height:15px; letter-spacing:-1px; background:#e83809; border-radius:2px;} /* 베스트 상품 */

.picon_new			{display:inline-block; color:#FFF; font-size:11px; letter-spacing:-1px; line-height:16px; letter-spacing:0; position:relative; display:inline-block; height:16px; padding:0px 4px; background:var(--IDTcolor); border-radius:8px;}
.picon_new:after	{content:'신규'; position:relative;} /* 새로운 상품 */

.picon_dispercent			{display:flex; align-items:center; color:#FFF; font-size:var(--FS-mm-small); font-weight:600; letter-spacing:0; position:relative; padding:3px 6px; background:#000; border-radius:12px;}
.picon_dispercent:after		{content:''; position:relative;}
.picon_dispercent i			{font-size:var(--FS-mm-small); margin-left:3px; font-weight:900}
.picon_nowdelivery:after	{content:'지금배달'; position:relative; display:inline-block; height:18px; padding:0px 6px; color:#FFF; font-size:11px; line-height:18px; letter-spacing:-1px; background:var(--IDTcolor); border-radius:9px;} 


/* Search & No Result */
.noresult_search			{display:inline-block; width:100%; text-align:center; margin:0px auto 20px auto; padding:70px 0; font-size:16px; color:#888; line-height:25px; border-bottom:1px solid #DDD;}
.noresult_search i			{display:block; text-align:center; margin:0px auto; padding:20px 0; font-size:60px; color:#888;}

@media screen and (max-width:1280px) {
.noresult_search			{padding:30px 0; font-size:12px; color:#888; line-height:20px;}
.noresult_search i			{font-size:40px;}
}


/******************************************************************************************************************************************
*	Goods Basic List : 2020.10.22 
*******************************************************************************************************************************************/
/* GBL & GBL2 COMMON : Thmb Area Button */
.thmb:hover .thmb_btnWrap				{opacity:1;}

.thmb_btnWrap							{position:absolute; width:100%; opacity:0; top:calc(50% - 25px); left:50%; transform:translate(-50%, -50%); transition:all 0.2s ease-in-out; z-index:1;}
.thmb_btnWrap .thmb_btn					{position:absolute; width:50px; height:50px; text-align:center; border-radius:50px; background-color:rgba(0,0,0,1); color:#FFF; }
.thmb_btnWrap .thmb_btn::before			{visibility:hidden; position:absolute; content:''; top:55px; left:50%; transform:translate(-50%, -50%); border-style:solid; border-width:6px; border-color:transparent transparent #000 transparent;}	
.thmb_btnWrap .thmb_btn::after			{visibility:hidden; padding:5px 10px; opacity:0; position:absolute; left:50%; top:72px; transform:translate(-50%, -50%); font-size:var(--FS12); width:auto; border-radius:15px; text-align:center; color:#fff; background-color:#000; z-index:2;}

.thmb_btnWrap .thmb_btn.blankBtn		{top:50%; left:calc(50% - 60px);}
.thmb_btnWrap .thmb_btn.scrapBtn		{top:50%; right:calc(50% - 60px);}
.thmb_btnWrap .thmb_btn.blankBtn::after	{content:'새창보기';}
.thmb_btnWrap .thmb_btn.scrapBtn::after	{content:'찜하기';}

.thmb_btnWrap:hover .thmb_btn::after,
.thmb_btnWrap:hover .thmb_btn::before	{visibility:visible; opacity:1;}

.thmb_btnWrap .thmb_btn i				{line-height:48px; width:20px; height:20px;}

@media screen and (max-width:980px) {
	.thmb_btnWrap						{display:none;}
}

/* Scrap Common */
a.scrapfix							{position:absolute; display:block; font-size:16px; bottom:8px; right:8px; z-index:3;}
a.scrapfix	i						{width:18px; height:18px;}
a.scrapfix i.good_scrap .Stroke	{opacity:0.6;}
a.scrapfix.on i.good_scrap .On		{display:block; fill:var(--IDTcolor); color:var(--IDTcolor); opacity:1;}

@media screen and (max-width:980px) {
	a.scrapfix i.good_scrap .Stroke	{opacity:1; fill:rgba(221, 221, 221, 0.8); color:rgba(221, 221, 221, 0.8);}
}

/* Thmb Area Button */
i.good_scrap							{display:inline-block; width:24px; height:24px; cursor:pointer;}
i.good_scrap .Stroke					{fill:#FFFFFF; color:#FFFFFF;}
i.good_scrap .On						{display:none;}

.thmb_btnWrap a.on i.good_scrap .Stroke	{display:none;}
.thmb_btnWrap a.on i.good_scrap .On		{display:block; fill:var(--IDTcolor); color:var(--IDTcolor);}
/* //GBL & GBL2 COMMON : Thmb Area Button */


.GBL						{position:relative; display:inline-block; width:calc(100% + 40px); margin:0 auto 0 -20px;}
.GBL ul						{display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex;
							-webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap:wrap; box-sizing: border-box;
							 flex-direction:row; align-items:auto; justify-content:space-between; align-content:start; list-style:none; margin:0; padding:0;}
.GBL ul:after				{display:block; content:""; margin:15px; flex:999 999 auto;}

.GBL ul.div4 li				{width:calc(25% - 40px);}
.GBL ul.div3 li				{width:calc(33.333% - 40px);}
.GBL ul.div2 li				{width:calc(50% - 20px);}

.GBL li						{overflow:hidden; position:relative; padding:0px; border-radius:8px; -webkit-box-sizing: border-box; box-sizing:border-box; margin:25px 20px; padding:0;
							 -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
							 box-shadow:4px 12px 30px 6px rgb(0 0 0 / 9%);}
.GBL li:hover				{transform:translateY(-6px); box-shadow:4px 12px 20px 6px rgba(0,0,0,0.15); transition: 0.3s;
							-webkit-box-shadow:4px 12px 20px 6px rgba(0,0,0,0.15);
							-moz-box-shadow:4px 12px 20px 6px rgba(0,0,0,0.15);}	

.GBL li .thmb				{position:relative; height:0; padding-bottom:100%; overflow:hidden; border-radius:8px 8px 0 0; -webkit-perspective:1200px; perspective:1200px;
							-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index:1}
.GBL li .thmb:after			{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); opacity:0; pointer-events:none; -webkit-transition:all 0.35s ease; transition: all 0.35s ease;}
.GBL li:hover .thmb:after	{opacity:1;}
.GBL li:hover .thmb_btnWrap	{opacity:1;}

.GBL li .thmb img			{position:absolute; top:50%; left:50%; min-width:100%; height:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);transition:transform .1s
							-webkit-transition:opacity 0.85s, -webkit-transform 0.85s; transition:opacity 0.85s, transform 0.85s;}

.GBL li:hover .thmb img		{-webkit-transform:translate(-50%,-50%) scale(1.05); transform:translate(-50%,-50%) scale(1.05);
							-webkit-transition:opacity 0.4s, -webkit-transform 0.4s; transition:opacity 0.4s, transform 0.4s;}

.GBL li .pdTag				{position: absolute; top:8px; left:8px; z-index:2}

/* 삭제예정 : 2024.01.03 */
.GBL li .popani				{position:absolute; right:-75px; bottom:0px; width:70px; height:35px; transition:right 0.5s; z-index:102}
.GBL li:hover .popani		{right:0px;}


/* Product Summary */
.detailArea					{display:flex; flex-direction:column; justify-content:space-between; background-color:#FFFFFF; width:100%; height:160px; padding:20px 20px;}
.PSdetail					{display:flex; flex-direction:column;}
.sellerName					{display:inline-block; margin-bottom:5px; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; /*width:100%;*/ height:18px; font-size:12px; line-height:18px; color:#666; font-weight:500; letter-spacing:-1px;}
.sellerName	a				{margin-right:5px;}
.sellerName	.origin			{display:inline-block; font-size:12px; line-height:18px; color:#999;}
.subject					{width:100%; max-height:40px; overflow:hidden; margin-bottom:5px; font-size:var(--FS-m-medium); font-weight:600; line-height:1.25; color:#444; letter-spacing:-0.5px;
							word-wrap:break-word; word-break: break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap;}
.GBL li:hover .subject		{color:#111;}

.amounts					{display:inline-block; width:100%; margin:5px 0;}
.amounts .discPer			{display:inline-block; text-align:left; width:32px; margin:0 2px 0 0; font:18px Roboto; font-weight:500; color:var(--IDTcolor);}
.amounts .discPer em		{position:relative; font-size:12px; color:#999; letter-spacing:0}
.amounts .priceBox 			{display:inline-block; min-height:25px;}
.priceBox .salePrice		{display:inline; font-size:var(--FS-medium); font-weight:600; color:#000; letter-spacing:-0.05em;}
.priceBox .lockPrice		{display:inline; font-size:var(--FS-mm-small); font-weight:700; color:#FFF; letter-spacing:-0.1em; padding:3px 7px; border-radius:2px;
							background: linear-gradient(270deg, #24c564, #1ebb5c, #05dd5a, #0a903f, #5da709, #7ae216); background-size:300% 300%;
							-webkit-animation: lockPrice 10s ease infinite; -moz-animation: lockPrice 10s ease infinite; animation: lockPrice 10s ease infinite;}
@-webkit-keyframes lockPrice{0% {background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
@-moz-keyframes lockPrice	{0% {background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
@keyframes lockPrice		{0% {background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}

.priceBox .oldPrice			{text-align:left; margin-left:5px; font-size:var(--FS12); color:#AAA; letter-spacing:-0.04em; text-decoration:line-through;}
.priceBox .lockPriceMent	{display:block; margin:10px 0 0 0; font-size:var(--FS-mm-small); color:var(--mygray002); font-weight:700;}
.priceBox .schlowPrice		{text-align:left; font-size:var(--FS13); color:#AAA; letter-spacing:-0.04em; text-decoration:line-through;}


.reaction					{display:flex; justify-content:space-between; margin-top:5px;}
.reaction i					{font-size:var(--FS12); margin-right:2px;}
.reaction .reviewCount		{font-size:var(--FS12); font-weight:500; color:var(--mygray002S);}
.reaction .reviewCount i	{vertical-align:-1px;}
.reaction .reviewCount em	{font-family:Roboto;}
.reaction .gradeCount		{margin-right:8px; font-family:Roboto; font-size:13px; font-weight:500; color:#777;}
.reaction .gradeCount i		{color:var(--IDTcolor);}


@media screen and (max-width:980px) {
	.GBL li						{transform:none; transition:0s; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin:8px 3px; width:calc(50% - 6px);}
	.GBL li:hover .subject		{color:#111;}
	.GBL li:hover .thmb img		{-webkit-transform: translate3d(-50%,-50%,0px); transform:translate3d(-50%,-50%,0px);}
	.GBL li:hover .thmb:after	{opacity:0;}

	.GBL li .thmb				{border-radius:6px 6px 0 0;}

	.detailArea					{height:140px; padding:20px 10px;}
	.subject					{font-size:13px;}
	.amounts .salePrice			{font:16px Roboto; font-weight:500;}
	.amounts .oldPrice			{font-size:11px;}
}


/* SOLD OUT */
.thmb .soldout				{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.65); z-index:2; text-align: center; margin:0 auto; border-radius:8px 8px 0 0;}
.thmb .soldout .cc			{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; display:inline-block; width:50%; height:50%; text-align:center; border:2px solid #FFF; border-radius:50%; border-width:2px 2px 2px 2px;border-color: #ffffff transparent #ffffff transparent;}
.thmb .soldout .cc em		{position:relative; font-size:28px; font-weight:500; letter-spacing:-1.5px; color:#FFF; top:calc(50% - 21px);}

@media screen and (max-width:500px) {
	.thmb .soldout .cc em	{position:relative; font-size:15px; font-weight:500; letter-spacing:-1.5px; color:#FFF; top:calc(50% - 11px);}
}

/* SIZING */
@media screen and (max-width:980px) {
	.GBL ul.div4 li			{width:calc(33.333% - 40px);}
}

@media screen and (max-width:500px) {
	.GBL					{position:relative; display:inline-block; width:calc(100% + 6px); margin:0 auto 0 -3px;}
	.GBL ul.div4 li			{width:calc(50% - 8px);}
}

@media screen and (max-width:320px) {
	.GBL ul.div4 li			{width:calc(100% - 0px);}
}


/******************************************************************************************************************************************
*	Goods Basic List Type2 : 2023.03.28 (Vertical THMB is short)
*******************************************************************************************************************************************/
.GBL2							{position:relative;}
.GBL2 ul						{display:flex; flex-wrap:wrap; gap:0px 45px; flex-direction:row; align-items:auto; justify-content:flex-start; align-content:start; list-style:none;}

.GBL2 li						{border-radius:var(--round-large);}
.GBL2 li .thmb					{position:relative; height:280px; padding:0px; background-color:#f9f9f9; overflow:hidden; -webkit-box-shadow:1px 1px 8px rgb(0 0 0 / 5%); box-shadow:1px 1px 8px rgb(0 0 0 / 5%); -webkit-transition:all 0.35s ease; transition:all 0.35s ease; border-top-left-radius:var(--round-large); border-top-right-radius:var(--round-large);}
.GBL2 li .thmb > a				{display:block;}
.GBL2 li .thmb > a:after		{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); opacity:0; pointer-events:none; -webkit-transition:all 0.35s ease; transition: all 0.35s ease;}
.GBL2 li .thmb > a > img		{position:absolute; width:100%; height:auto; transition:all 0.5s ease; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.GBL2 li:hover .thmb > a > img	{transform:translateY(-50%) scale(1.08);}
.GBL2 .thmb:hover a:after		{opacity:1;}

@media screen and (max-width:980px) {
	.GBL2 li .thmb > a:after	{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; opacity:0; pointer-events:none; -webkit-transition:all 0.35s ease; transition: all 0.35s ease;}
}

.GBL2 a.scrapfix i				{width:22px; height:22px;}

/* Detail Area */
.GBL2 .gbl2_detail				{position:relative; padding:30px; min-height:134px;}
.gbl2_detail .detail_title		{padding-bottom:5px;}
.gbl2_detail .detail_title a	{color:#000; font-size:var(--FS18); font-weight:700; display:-webkit-box; -webkit-line-clamp:1; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
.gbl2_detail .sub_title			{display:-webkit-box; padding:5px 0; max-height:46px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:var(--FS13); line-height:1.6; letter-spacing:var(--LS05); font-weight:var(--FW500); color:#999;}

.GBL2 .hash_tag					{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-height:84px; padding:25px 30px; border-top:1px solid #EBEBEB;}
.GBL2 .hash_tag a				{white-space:nowrap; margin-right:5px; padding:8px 10px; border:1px solid #EBEBEB; border-radius:50px; color:#888; font-size:var(--FS13); display:inline-block;}
.GBL2 .hash_tag a:hover			{border:1px solid #AAA; color:#444;}

/* Used only for List, not Swiper */
.WRAP_GBL2						{position:relative; max-width:var(--max-width); margin:30px auto;}
.GBL2 ul.div4 li				{width:calc(25% - 30px);}
.GBL2 ul.div3 li				{width:calc(33.333% - 30px);}
.GBL2 ul.div2 li				{width:calc(50% - 30px);}
.WRAP_GBL2 .GBL2 li				{margin-bottom:50px;}

@media screen and (max-width:980px) {
	.WRAP_GBL2 .GBL2 ul.div3 li	{width:calc(50% - 20px);}
}

@media screen and (max-width:500px) {
	.GBL2 li .thmb					{position:relative; height:220px;}
	.GBL2 .gbl2_detail				{position:relative; padding:20px; min-height:100px;}
	.gbl2_detail .sub_title			{max-height:36px; line-height:1.4;}

	.GBL2 .hash_tag					{max-height:64px; padding:15px 20px; }

	.WRAP_GBL2 .GBL2 ul.div3 li		{width:calc(100% - 0px);}
}


/* Ribbon */
.good_ribbon					{position:absolute; top:-4px; left:15px; box-shadow:3px 6px 7px 0 rgb(0 0 0 / 25%);}
.good_ribbon:after				{position:absolute; content:""; height:0; width:70px; left:0; border-left:35px solid var(--IDTcolor); border-right:35px solid var(--IDTcolor); border-bottom:10px solid transparent; border-radius:0 0 5px 5px;}
.good_ribbon span				{position:relative; display:block; text-align:center; background-color:var(--IDTcolor); font-size:var(--FS-small); font-weight:700; line-height:1; padding:12px 6px 10px; border-top-left-radius:5px; color:#FFF; width:70px;}
.good_ribbon span:before,
.good_ribbon span:after			{position:absolute; content:"";}
.good_ribbon span:before		{height:4px; width:6px; right:-4px; top:0; background-color:var(--IDTcolor);}
.good_ribbon span:after			{height:4px; width:7px; right:-7px; top:0; border-radius:7px 12px 0 0; background-color:var(--IDTcolor); filter:brightness(0.7) !important;}

.good_ribbon.mygray:after		{border-left:35px solid var(--mygray); border-right:35px solid var(--mygray);}
.good_ribbon.mygray span		{background-color:var(--mygray);}
.good_ribbon.mygray span:before	{background-color:var(--mygray);}
.good_ribbon.mygray span:after	{background-color:var(--mygray); filter:brightness(0.7) !important;}

@media screen and (max-width:500px) {
	.good_ribbon:after				{position:absolute; content:""; height:0; width:50px; left:0; border-left:25px solid var(--IDTcolor); border-right:25px solid var(--IDTcolor); border-bottom:8px solid transparent; border-radius:0 0 5px 5px;}
	.good_ribbon span				{position:relative; display:block; text-align:center; background-color:var(--IDTcolor); font-size:var(--FS-small); font-weight:700; line-height:1; padding:10px 6px 8px; border-top-left-radius:5px; color:#FFF; width:50px;}

	.good_ribbon.mygray:after		{border-left:25px solid var(--mygray); border-right:25px solid var(--mygray);}
}

/******************************************************************************************************************************************
*	상품고시영역 - 2017.07.14 : FUNNY (Ver.2.0)
*******************************************************************************************************************************************/
/* Sold Out */
.banner_soldout					{display:inline-block; text-align:center; width:100%; height:40x; border:1px solid #ae1c25; background:linear-gradient(to bottom,#e7323d 50%,#c92530 50%); color:#FFF; letter-spacing:-0.1em; font:15px/40px celmonKr_medium;}


/* 상품상세 옵션선택 : 2019.10.11 - FUNNY  */
.innerOptScroll						{position:relative; overflow-y:auto; min-height:100px;}
.innerOptScroll li					{display:inline-block; position:relative; box-sizing:content-box; box-sizing:border-box; width:100%; border-bottom:#ddd 1px solid; padding:5px 0;}
.innerOptScroll li .PDname			{display:inline-block; font-size:11px; line-height:24px; letter-spacing:-0.02em; color:#444; } /* 옵션없는 단일제품 */
.innerOptScroll li .RemainingQty	{display:inline-block; font-size:11px; letter-spacing:-0.08em; color:#999; padding:5px;}
.innerOptScroll li .RemainingQty em	{font:11px Roboto; font-weight:600; letter-spacing:0em; color:var(--IDTcolor);}
.innerOptScroll li .PDprice			{position:absolute; color:#333; margin:0px; bottom:10px; right:0px;}
.innerOptScroll li .PDprice em		{font:14px Roboto; font-weight:500; letter-spacing:-0.03em; color:#000;}
.innerOptScroll li .btnClose		{top:10px; right:10px; display:block;position:absolute;}
.innerOptScroll li a.Opt_delete		{position:absolute; right:0px; top:10px; width:15px;height:14px;  background: url('/shop/img/good/icon_option_del.png') no-repeat 0px 0px;}/*  선택 옵션 삭제 */

/* 상품상 수량 선택 : 2019.10.11 - FUNNY */
.Opt_qty_Ctrl
.Opt_qty_Ctrl						{display:block; width:120px;}
.Opt_qty_Ctrl a						{display:block; line-height:0; font-size:0px; right:0px; background:url('/shop/img/good/icon_ea.png') no-repeat scroll 0px 0px transparent; width:32px; height:32px;}
.Opt_qty_Ctrl a img					{vertical-align:top }
.Opt_qty_Ctrl a.count_dw			{float:left; position:relative; background-position:0px 0px;}
.Opt_qty_Ctrl input					{float:left; width:40px; height:32px; font:13px Roboto; font-weight:700; line-height:120%; padding:0; text-align:center; color:var(--IDTcolor); border:1px solid #D9D9D9; background:none repeat scroll 0% 0% #FFF; border-radius:0px;}
.Opt_qty_Ctrl a.count_up			{float:left; background-position:0px -64px;}


/* 상품구매하기 클릭 시 옵션 Layer : 2019.10.11 */
.layer_option						{position:fixed; left:0; bottom:58px; width:100%; border-top:2px solid #282828; background:#FFF; z-index:10;}
.layer_option .option_area			{padding:10px; max-height:300px; overflow:scroll;}
.layer_option .bt_opt				{position:absolute; top:-23px;left:50%;width:74px;height:22px;margin-left:-37px;background:url(/shop/img/good/option_close.png) no-repeat 0 0;background-size:74px 22px;font-size:0;color:transparent} /* Layer window close */


/* 총 상품금액 : 2019.10.11 - FUNNY */
.total-price						{height:38px; padding:0; text-align:right; font:16px celmonKr_medium; color:#777; margin-top:0px; letter-spacing:-0.1em;}
.total-price strong					{margin-left:11px;}
.total-price .sumprice				{display:inline-block; font:26px Roboto; font-weight:700; vertical-align: -4px; letter-spacing:-0.05em; line-height:140%;}


/*******************************************************************************************************************************************
*	Now Delivery Cart List (지금배달 장바구니) - 2021.11.15
*******************************************************************************************************************************************/
/*.NDCL_WRAP									{background: #FFF; -webkit-box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%);}*/

.NDCL										{display:inline-block; position:relative; width:100%; padding:15px 0; border-bottom:1px solid #DDD;}
.NDCL .ndclHEAD								{position:relative; display:inline-block; width:100%; height:30px;}
.NDCL .ndclCNTS								{display:table; width:100%; min-height:40px; padding:0;}
.NDCL .ndclFOOT								{display:table; width:100%;}

.ndclHEAD .select_menu						{display:inline-block; width:calc(100% - 60px); font-family:celmonKr; font-size:12px; font-weight:600; color:#757575; line-height:30px;}
.ndclHEAD .select_menu .select_menu_tit		{display:block; max-height:30px; font-family:celmonKr; font-size:15px; font-weight:600; color:#141414; overflow:hidden; word-wrap:break-word; 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;}
.ndclHEAD .select_menuDEL					{position:absolute; top:0px; right:0px; }
.ndclHEAD .select_menuDEL > a				{position:absolute; display:block; width:40px; height:30px; top:0px; right:0px;}
.ndclHEAD .select_menuDEL > a > i			{position:absolute; top:5px; right:-5px;}

.ndclCNTS .inoptBox							{display:table-cell; vertical-align:middle; width:100%;}
.ndclCNTS .inoptBox > ul > li				{position:relative; display:block; padding-left:5px;}
.ndclCNTS .inoptBox > ul > li:before		{content:''; position:absolute; top:10px; left:0; right:; width:2px; height:2px; background-color:#777; border-radius:2px;}

.NDCL .ndclFOOT	.ndclPrice					{display:table-cell; vertical-align:middle; width:50%; font-size:16px; font-weight:600; color:#111;}
.NDCL .ndclFOOT	.ndclConut					{display:table-cell; vertical-align:middle; width:50%;}


.ndclADDcart								{width:100%; margin-bottom:20px; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #DDD; background: #FFF; -webkit-box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%);}


/*******************************************************************************************************************************************
*	POPUP STYLE (배송주소록) - 2016.09.30 : FUNNY
*******************************************************************************************************************************************/
/* 배송요청사항 - 2021.01.11 */
.drvreq_optionWrap							{width:100%;}
.drvreq_optionWrap .option					{border:1px solid #DDD; border-radius:0px 0px 5px 5px; padding:5px 10px 3px 10px; border-top:none; margin-top:-3px}
.drvreq_optionWrap .option .lst				{display:block; font-size:14px; padding:10px 0; color:#888; border-top:1px dashed #DDD;}
.drvreq_optionWrap .option .lst:first-child	{border-top:none;}


/*******************************************************************************************************************************************
*	POPUP CONTENTS & TABLE - 2017.03.17 : FUNNY
*******************************************************************************************************************************************/
.popTBL								{font:12px/21px celmonkr_regular; letter-spacing:-0.05em; color:#777; margin:20px auto; text-align:center;}
.popTBL caption						{display:none;}

.pathortWRAP						{display:flex; align-items:center; justify-content:space-between; max-width:var(--max-width); width:100%; margin:10px auto; padding:20px 0px; border-bottom:1px solid #EEE}
.pathortWRAP.on	 					{position:fixed; width:100%; background-color:#FFFFFF; height:55px; margin:0px auto; padding:0px 10px; max-width:var(--max-width); left:; top:0px; transition:top 0.3s ease-in-out 0.1s; border-bottom:none; z-index:100;
									-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} 

.totalitemCount						{font-size:var(--FS16);}


/* Category Path - 2024.05.02 */
.catepathBox						{display:flex; width:100%; margin-top:25px; border:1px solid #EEE; background-color:#FFF; box-shadow:0 3px 12px 0 rgb(0 0 0 / 5%); border-radius:10px; border:1px solid rgba(0, 0, 0, 0.05); padding:20px;}

/* Path & Item Sort */
.pathWRAP							{display:flex; align-items:center; border-right:1px solid #EEE;}
.pathWRAP li						{display:flex; align-items:center; text-wrap:nowrap; color:var(--mygray); font-size:var(--FS14); font-weight:var(--FW600); letter-spacing:var(--LS10);}
.pathWRAP li a						{color:var(--mygray); padding:7px 0px;}
.pathWRAP li a.now_path:hover		{text-decoration:underline; color:var(--mygray400);}
.pathWRAP li:after					{display:inline-block; width:6px; height:6px; border:1px solid #BBB; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:''; margin:0 7px 0 6px; }
.pathWRAP li:last-child::after		{border:none;}

.thiscate							{display:flex; flex-wrap:wrap; align-items:flex-start; padding:0 20px; list-style:none;}
.thiscate li a						{margin:0 8px 6px 0; padding:8px 12px; color:var(--mygray002); font-size:var(--FS13); font-weight:var(--FW600); border:1px solid var(--mygray008); border-radius:20px;}
.thiscate li a.hvr-reveal:before	{border-radius:20px; color:var(--black);}
.thiscate li a:hover				{color:var(--IDTcolor);}
.thiscate li a.on					{color:var(--IDTcolor);}
.thiscate li a.on.hvr-reveal:before	{border-color: var(--IDTcolor) !important; border-width:3px;}

@media screen and (max-width:980px) {
	.catepathBox					{flex-direction:column; margin-top:15px; padding:10px;}
	.pathWRAP						{border-right:none; border-bottom:1px solid #EEE; padding-bottom:15px}
	.thiscate						{padding:10px 0 0 0;}
}


/* Item Sort Filter */
.itemsortWRAP							{}
.itemsortWRAP a.itemsortBTN				{position:relative; display:inline-block; background-color:var(--mygray); padding:4px; border-radius:4px;}
.itemsortWRAP a.itemsortBTN i			{width:20px !important; height:20px !important; color:#FFF;}

.itemsortWRAP a.itemsortBTN span		{position:absolute; left:auto; right:-30px; top:25px; transform:translate(-50%, 40%); visibility:hidden; min-width:60px; height:30px; line-height:30px; padding:0 10px; border-radius:15px; text-align:center; color:#fff; background-color:#000; opacity:0; transition:opacity 1s; z-index:1;  font-size:var(--FS-small); font-weight:600; letter-spacing:-0.5px; box-sizing:border-box;}
.itemsortWRAP a.itemsortBTN span::after	{position:absolute; content:''; left:auto; top:-4px; right:5px; transform:translate(-5px, -50%); border-style:solid; border-width:6px; border-color:transparent transparent #000 transparent} 
.itemsortWRAP a.itemsortBTN:hover span	{visibility:visible; opacity:1;}

.itemsortWRAP label.slide			{color:var(--IDTcolor)}
.itemsortWRAP label i				{width:20px; height:20px; fill:var(--IDTcolor) !important; color:var(--IDTcolor) !important; margin-left:3px;}


/* itemtype Swiper Tab */
.itemtypeWRAP									{display:inline-block; width:100%; margin:0px auto 0px auto; text-align:center;}

.SW_itemtypeMenu								{margin:0px auto; width:100%; position:static;}
.SW_itemtypeMenu:after							{clear:both; display:block; content:"";}
.SW_itemtypeMenu li.swiper-slide				{width:auto !important;} /* flex 일정간격 원할시 본 라인 주석 */

.itemtypeMenuWrap								{width:100%; padding:0px; position:relative; margin:0px auto;}
.itemtypeMenuWrap li[role=tab]					{position:relative; display:inline-block; line-height:50px;}
.itemtypeMenuWrap li[role=tab]:after			{content:""; display:inline-block; margin:0 8px;}
.itemtypeMenuWrap li[role=tab]:last-child::after{background:none; margin:0px;}
.itemtypeMenuWrap li[role=tab]>a				{text-align:left; font-size:14px; padding:7px 15px; color:#333; font-weight:700; border:1px solid #DDD; background-color:#FFF; border-radius:5px;}
.itemtypeMenuWrap li[role=tab]:hover a			{color:#FFF; font-weight:700; border:1px solid var(--IDTcolor); background-color:var(--IDTcolor)}
.itemtypeMenuWrap li[role=tab]> a.on			{color:#FFF; font-weight:700; border:1px solid var(--IDTcolor); background-color:var(--IDTcolor)}

.itemtypeMenuWrap li[role=tab]>a:focus,
.itemtypeMenuWrap li[role=tab]>a:hover			{color:#FFF}
.itemtypeMenuWrap li[role=tab].selected			{border-bottom:none}
.itemtypeMenuWrap li[role=tab].selected>a		{color:#FFF; font-weight:700; border:1px solid var(--IDTcolor); background-color:var(--IDTcolor)}


@media screen and (max-width:980px) {
	.itemtypeMenuWrap							{height:auto; text-align:center; padding:0px;}
	.itemtypeMenuWrap li[role=tab]				{float:none; display:inline-block; line-height:42px;}
	.itemtypeMenuWrap li[role=tab]:after		{margin:0 6px;}
	.itemtypeMenuWrap li[role=tab]>a			{font-size:12px;}
}



/* CATEGORY BASIC */
.pageCategoryWRAP						{position:relative; margin:8px 0; background:#FFF; overflow:hidden; zoom:1; border-top:1px solid #DDD; border-bottom:1px solid #FFF; height:auto; overflow:visible;
										webkit-box-shadow:-1px 10px 5px -10px rgba(0,0,0,0.3); -moz-box-shadow:-1px 10px 5px -10px rgba(0,0,0,0.3); box-shadow:-1px 10px 5px -10px rgba(0,0,0,0.3);}
.pageCategoryWRAP H4					{position:absolute; top:16px; left:15px; font:14px/40px celmonHG_80 !important; color:#414141; text-transform:uppercase; letter-spacing:-0.03em;}

.pageCategoryWRAP .pageCategory .catebox{height:auto; overflow:visible;}
.pageCategoryWRAP .catebox				{min-height:75px; margin-left:100px; padding:20px 20px 10px 0; overflow:hidden}
.pageCategoryWRAP .catebox ul			{display:block; text-align:left; margin:0;}
.pageCategoryWRAP .catebox ul:after		{display:block; clear:both; content:''}
.pageCategoryWRAP .catebox ul>li		{float:left; height:45px; margin:0 0 0 23px; line-height:45px;}
.pageCategoryWRAP .catebox ul>li>a		{display:inline-block; position:relative; padding:0px 10px; font-size:13px; line-height:34px; color:#222; vertical-align:top;
										overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important}
.pageCategoryWRAP .catebox ul>li>a:hover{color:var(--IDTcolor);}

.pageCategoryWRAP .catebox ul>li>a.active		{color:var(--IDTcolor); border-color:var(--IDTcolor); padding:0px 10px; font-size:13px; line-height:28px; border-radius:3px; border-style: solid; border-width:3px;}
.pageCategoryWRAP .catebox ul>li>a.active:before{
	content: "";
	position:absolute;
	z-index:-1;
	left:0;
	right:0;
	top:0;
	bottom: 0;
	border-color:var(--IDTcolor);
	border-radius:3px;
	border-style: solid;
	border-width:0;
	-webkit-transition-property: border-width;
	transition-property: border-width;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

@media screen and (max-width:1280px) {
.pageCategoryWRAP						{position:relative; margin:10px auto; background:none; border:none; webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.pageCategoryWRAP H4					{display:none;}
.pageCategoryWRAP .catebox				{display:none;}
.pageCategoryWRAP .catebox ul			{display:none;}
}


/***************************************************************************************************
*	MD Pick : 2024.01.02
***************************************************************************************************/
.WRAP_MDpick								{position:relative; width:100%; padding:0px 0px 70px 0px; overflow:hidden; z-index: 0;}
.WRAP_MDpick .swiper-container.SW_MDpick	{overflow:visible !important;} /* swiper-pagination forced to show : FUNNY */


@media screen and (max-width:980px) {
	.WRAP_MDpick							{margin:0px auto;}
}

.SW_MDpick									{margin:0px auto 0px auto; width:calc(100% + 80px); position:relative; padding:0;}
.SW_MDpick:after							{clear:both; display:block; content:"";}

.SW_MDpick .swiper-pagination				{position:absolute; top:-30px; right:80px; width:auto; height:20px;}
.SW_MDpick .swiper-pagination-bullet-active	{opacity:1 !important; background:var(--IDTcolor) !important;}
.SW_MDpick .swiper-pagination-bullet		{margin-left:5px; width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity: .2; outline:none;}

.SW_MDpick .swiper-button-prev, 
.SW_MDpick .swiper-button-next				{opacity:0; top:50%; width:50px !important; height:50px !important; cursor:pointer; outline:none; background-image:none; z-index:100; 
											-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
											border-radius:100%; border:none; -webkit-box-shadow:inset 0 0 0 1px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 1px rgb(255 255 255 / 50%);}

.SW_MDpick .swiper-button-prev				{left:-50px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.SW_MDpick .swiper-button-prev:after		{position:absolute; top:calc(50% - 8px) !important; left:20px; width:14px; height:14px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}

.SW_MDpick .swiper-button-next				{right:30px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.SW_MDpick .swiper-button-next:after		{position:absolute; top:calc(50% - 8px) !important; right:20px; width:14px; height:14px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}

.SW_MDpick:hover .swiper-button-prev		{left:5px; opacity:0.5;}
.SW_MDpick:hover .swiper-button-next		{right:85px; opacity:0.5;}

.SW_MDpick .swiper-button-prev:hover,
.SW_MDpick .swiper-button-next:hover		{opacity:1.0; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); border:none; -webkit-box-shadow:inset 0 0 0 10px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 10px rgb(255 255 255 / 50%); overflow:visible !important;}

@media screen and (max-width:500px) {
	.SW_MDpick .swiper-button-prev,
	.SW_MDpick .swiper-button-next			{display:none;}
}

.WRAP_MDpick .GBL				{margin:0px 20px 0px 0px !important;}
.WRAP_MDpick .GBL li			{padding:0px; -webkit-box-sizing: border-box; box-sizing:border-box; width:100%; margin:0px 0px; 
								-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}


/*******************************************************************************************************************************************
*	Related Items 관련상품 - 2020.03.09 : FUNNY
*******************************************************************************************************************************************/
.RI						{float:left; width:100%; overflow:hidden; border:1px solid #DDD; border-radius:2px; background:#FFF; margin:10px auto 30px auto;}
.RI .header				{border-bottom:1px solid #d6d6d6; overflow:hidden; padding:15px 0;}
.RI .header_tit			{float:left; overflow:hidden; margin-left:20px;}
.RI .header_tit a		{font:14px/22px celmonKr_medium; color:#777; letter-spacing:-1px;}
.RI .header_tit a:hover	{color:var(--IDTcolor); text-decoration:underline;}
.RI .pageWRAP			{float:right; overflow:hidden; margin-right:20px}
.RI .pageWRAP .num		{margin-right:5px; float:left; font:13px Roboto; font-weight:600; line-height:1; padding-top:5px;}
.RI .pageWRAP .num em	{color:var(--IDTcolor)}
.RI .pageWRAP a			{float:left; overflow:hidden}
.RI .pageWRAP a i		{color:#AAA; font-size:24px; margin:0 3px;}
.RI .pageWRAP a i:hover	{color:var(--IDTcolor);}


.RI .itemWRAP			{width:100%; overflow:hidden; padding:20px auto; padding:20px;}
.RI .item				{float:left; margin:0; width:20%;}
.RI .item .thumb		{margin-bottom:10px; display:block; overflow:hidden;}
.RI .item .thumb img	{float:left; width:100%; max-width:166px; max-height:166px;}
.RI .item .info			{clear:both; width:100%; overflow:hidden}
.RI .item .name			{margin-bottom:3px; display:block; font-size:12px; color:#666; overflow:hidden;}
.RI .item .name:hover	{color:var(--IDTcolor);}
.RI .item .price		{font:12px Roboto; font-weight:500; color:#333;}


/*******************************************************************************************************************************************
*	Review - 2021.07
*******************************************************************************************************************************************/
/* 리뷰등록 */
.review_wrap .btn_star_score				{width:28px;height:28px;margin-right:4px;font-size:0px;background:url(/shop/img/svg/svg_star_off.svg) no-repeat 0 0}
.review_wrap .btn_star_score.on				{background-image:url(/shop/img/svg/svg_star_on.svg);}
.star_score_box								{display:inline-block;box-sizing:border-box;width:50%;vertical-align:top}
.review_wrap .star_score_box+.star_score_box{padding-left:16px;border-left:1px solid #e3e5e8}
.star_score_text							{display:inline-block;overflow:hidden;width:100%;width:auto;margin:7px 0 0 6px;font-size:13px;color:#979ea7;vertical-align:top;white-space:nowrap;text-overflow:ellipsis}
.star_score_text.on							{font-weight:700;color:#f27935}

/* 리뷰 이미지 등록 */
.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:100%; 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 {/*overflow:hidden;*/ margin-bottom:0}
}


/*******************************************************************************************************************************************
*	Product Detail Options Layer : 2023.03.22 상품상세 옵션 레이어
*******************************************************************************************************************************************/
/* Good & Good READ Quantity Button */
.buy_quantityBox			{display:flex; align-items:center; justify-content:space-between; width:100px; height:36px; border-width:1px; border-color:#DDD #DDD #DDD #DDD; border-style:solid; border-radius:18px; background-color:#FFF;}
input.ea_change				{width:40px !important; padding:0px !important; color:#000; font-family:Roboto; border-radius:0px; border:none !important; background-color:transparent; font-size:var(--FS16);}
input.ea_change:focus		{border:none !important; -webkit-transition:none !important; -o-transition:none !important; transition:none !important;}
.eaMinus					{display:flex; align-items:center; justify-content:center; padding:5px 10px; box-sizing:border-box; overflow:hidden; text-indent:-100px; vertical-align:middle;}
.eaPlus						{display:flex; align-items:center; justify-content:center; padding:5px 10px; box-sizing:border-box; overflow:hidden; text-indent:-100px; vertical-align:middle;}

.qtyIcon:before, 
.qtyIcon:after				{position:absolute; content: ""; outline:0px solid transparent; box-sizing:content-box; -moz-box-sizing:content-box;}
.qtyIcon					{position:relative; padding:5px 15px;}
.qtyIcon.minus:after		{background:#555; width:10px; height:2px; transform:rotate(0deg);} 
.qtyIcon.plus:after			{background:#555; width:10px; height:2px; transform:rotate(0deg);}
.qtyIcon.plus:before		{background:#555; width:2px; height:10px;}

.PDOL									{display:flex; flex-direction:column; padding:10px 0;}
.PDOL H5								{margin-bottom:0px; font-size:var(--FS14); letter-spacing:-1px; color:var(--mygray100); font-weight:var(--FW700)}
.PDOL .optLine							{display:flex; width:100%; justify-content:space-between; margin-bottom:5px; padding:5px 0; border-top:1px solid rgba(0, 0, 0, 0.05);}


.PDOL div.select						{margin-bottom:7px;}

.optLine .opt_cntArea					{display:flex; flex-direction:column;}		
.optLine .opt_costArea					{display:flex; flex-direction:column; align-items:flex-end; justify-content:space-around; text-align:right;}

.optLine .opt_cntArea .option_title		{display:flex; font-size:var(--FS14); font-weight:500; padding:5px 0; color:#333; word-wrap:break-word; word-break:break-all;}
.optLine .opt_cntArea .buy_quantityBox	{margin:5px 0;}

.optLine .opt_costArea .option_del		{}
.optLine .opt_costArea .option_del a	{width:18px; height:18px}
.optLine .opt_costArea .option_del i	{font-size:var(--FS-m-large); color:var(--mygray);}
.optLine .opt_costArea .option_cost		{font-size:var(--FS14F); letter-spacing:-0.5px; font-weight:var(--FW600);}

/* SOLDOUT */
.PDOL .optLine.soldout								{background-color:#DDD}
.PDOL .optLine.soldout .opt_cntArea .option_title	{color:#999; text-decoration:line-through;}
.PDOL .optLine.soldout .buy_quantityBox				{border-width:1px; border-color:#DDD #DDD #DDD #DDD; border-style:solid; background-color:#EEE;}
.PDOL .optLine.soldout input.ea_change				{color:#999;}
.PDOL .optLine.soldout .qtyIcon.minus:after			{background:#999; width:10px; height:2px; transform:rotate(0deg);} 
.PDOL .optLine.soldout .qtyIcon.plus:after			{background:#999; width:10px; height:2px; transform:rotate(0deg);}
.PDOL .optLine.soldout .qtyIcon.plus:before			{background:#999; width:2px; height:10px;}



.PDOL	.quanity_row.option_tr				{border-bottom:1px solid #DDD;}

.goods_quantity_table {width:100%; table-layout:fixed; border-collapse:collapse; }


.goods_quantity_table td.quantity_cell {padding:10px; line-height:20px;}

.goods_quantity_table td.option_col_text {width:60%;}
.goods_quantity_table td.option_col_price {padding-bottom:10px;}


.goods_quantity_table tr.quanity_row:first-child td.quantity_cell {border-top:0px}

.goods_quantity_table tr.quanity_row:first-child td.quantity_cell {border-top:0px}


.goods_quantity_table .option_text			{font-size:12px; font-weight:500; color:#333;}
.goods_quantity_table .out_option_price		{font-family:Roboto; font-size:14px; font-weight:500; color:#333; line-height:20px;}


.goods_quantity_table .num_price { display:table; width:100%; margin-top:4px; }
.goods_quantity_table .num_price>li { display:table-cell; vertical-align:bottom; }
.goods_quantity_table .num_price .option_col_price { text-align:right; }


/* Sold Out */
.goods_quantity_table tr.soldout					{background-color:#b5c1ca;}
.goods_quantity_table tr.soldout button				{display:none;}
.goods_quantity_table tr.soldout input				{display:none;}
.goods_quantity_table tr.soldout strong				{display:none;}
.goods_quantity_table tr.soldout td.option_text		{padding:5px 0; color:#222}


.goods_option_area .sbOptions { z-index:5; }
.goods_option_area .viewOptionsspecialays, .goods_option_area .recently_viewOptionsspecialays { padding-top:8px; }
.goods_option_area .viewOptionsspecialays>span, .goods_option_area .recently_viewOptionsspecialays>span { display:inline-block; position:relative; border:1px #ccc solid; cursor:pointer; }
.goods_option_area .viewSubOptionsspecialays, .goods_option_area .recently_viewSubOptionsspecialays { padding-top:8px; }
.goods_option_area .viewSubOptionsspecialays>span, .goods_option_area .recently_viewSubOptionsspecialays>span { display:inline-block; position:relative; border:1px #ccc solid; cursor:pointer; }
.goods_option_area .out { position:absolute; top:0; left:0; display:block; width:100%; line-height:26px; text-align:center; color:#f00; font-weight:normal; text-shadow:0 0 4px #fff; }

.goods_option_area .viewOptionsspecialbtn, .goods_option_area .viewOptionsspecialbtn font,
.goods_option_area .viewOptionsspecialbtnDisable, .goods_option_area .viewOptionsspecialbtnDisable font,
.goods_option_area .viewSubOptionsspecialbtn, .goods_option_area .viewSubOptionsspecialbtn font,
.goods_option_area .viewSubOptionsspecialbtnDisable, .goods_option_area .viewSubOptionsspecialbtnDisable font,
.goods_option_area .recently_viewOptionsspecialbtn, .goods_option_area .recently_viewOptionsspecialbtn font,
.goods_option_area .recently_viewOptionsspecialbtnDisable, .goods_option_area .recently_viewOptionsspecialbtnDisable font,
.goods_option_area .recently_viewSubOptionsspecialbtn, .goods_option_area .recently_viewSubOptionsspecialbtn font,
.goods_option_area .recently_viewSubOptionsspecialbtnDisable, .goods_option_area .recently_viewSubOptionsspecialbtnDisable font { display:block; padding:0; width:24px; height:24px; border:0px #e8e8e8 solid; font-size:0; }

.goods_option_area .viewInputLay input {padding:0;box-sizing:border-box; width:100%;height:40px; line-height:40px; text-indent:8px;border:1px solid #ddd;}
.goods_option_area .viewInputTextareaLay {padding:6px 8px;border:1px solid #ddd;background-color:#fff;}
.goods_option_area .viewInputTextareaLay textarea {padding:0;width:100%;resize:none;overflow:auto;border:none;}
.goods_option_area .inputsFileWrap {display:block; border:1px solid #ddd; height:40px; line-height:40px; text-indent:8px;}
.goods_option_area .single_num_change { padding:10px; }
.goods_option_area .single_num_change .tle { display:inline-block; margin-right:6px; font-size:14px; font-weight:500; }

.goods_price_area					{display:flex; flex-direction:column; align-items:flex-end; justify-content:center; width:100%; padding-top:20px; text-align:right; margin-top:0px; font-size:var(--FS16F); font-weight:var(--FW600F); color:var(--mygray); border-top:1px solid rgba(0, 0, 0, 0.2);}
.goods_price_area em				{color:var(--IDTcolor); font-size:var(--FS20); font-weight:var(--FW700F); margin-left:4px;}
.goods_option_select_area > .goods_price_area	{border-top:none;}
.goods_option_select_area > .goods_price_area em{ font-size:var(--FS16);}

/* 장바구니에서 팝업 옵션 수정 : 2024.05.28 */
.goods_option_select_area				{overflow-y:auto; max-height:500px; padding:0 12px;}
/*.goods_price_area .num_single_area { width:100px; padding-top:10px; padding-left:10px; }

.goods_price_area .total_goods_price { text-align:right; padding:6px 10px 0 2px; font-size:18px; color:#333;vertical-align:middle;}
.goods_price_area .total_goods_tit		{font-size:16px; margin-right:4px; color:#333; font-weight:500;}*/


/* Order Button Area */
.goods_buttons_area								{padding:20px 0 0; }
.gift_ment										{display:block; text-align:right; margin:5px 0; width:100%; font-size:13px; font-weight:500; color:var(--orange500); padding:5px 0px;}

.removeOption, 
.recently_removeOption {width:28px !important; height:28px !important; margin-top:-10px; vertical-align:middle;}


/****************************************************************************************************
*	Product Detail View Common Control : 2024.05.17 Modify
*****************************************************************************************************/
/* PDV Head */
.PDV												{width:100%; height:100%; max-width:var(--max-width); margin:0 auto;}
.PDV_Header											{display:flex; margin:40px auto;}

.PDV_imgArea										{margin:0px auto; width:50%; text-align:center;}
.PDV_infoArea										{display:inline-block; width:50%; padding:0 0 0 40px;}

@media all and (max-width:980px){
	.PDV_Header										{flex-direction:column; margin:0px auto;}
	.PDV_imgArea									{width:100%;}
	.PDV_infoArea									{margin:0px auto; width:100%; padding:30px 10px 20px 10px;}
}


/* swiper_상품이미지 슬라이드 */
.imgBox												{position:relative;}
.imgBox .img										{position:relative; height:0; padding-bottom:100%; box-sizing:border-box; overflow:hidden;}
.imgBox .img img									{position:absolute; top:50%; left:50%; min-width:100% !important; height:auto !important; max-height:100% !important; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.imgBox .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0; font-size:0;}
.imgBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.imgBox .swiper-pagination-bullet					{width:10px; height:10px; background:#d8d8d8; opacity:1;}
.imgBox .swiper-pagination-bullet-active			{background:#555;}
.imgBox .swiper-pagination-fraction					{display:flex; align-items:center; justify-content:center; bottom:20px; left:auto; right:20px; width:80px; height:40px; padding:0px 3px; border-radius:20px; font-family:Roboto; background-color:rgba(0, 0, 0, 0.3); font-size:0; font-weight:500; line-height:22px; letter-spacing:-0.5px; color:#fff;}
.imgBox .swiper-pagination-current					{font-size:var(--FS16);}
.imgBox .swiper-pagination-total					{position:relative; padding-left:7px; margin-left:6px; font-size:var(--FS16); color:rgba(255, 255, 255, 0.6);}
.imgBox .swiper-pagination-total:before				{content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:10px; background-color:rgba(255, 255, 255, 0.4);}
.imgBox .swiper-container-android .swiper-slide, .imgBox .swiper-wrapper {-webkit-transform:translate3d(0,0,0); overflow:visible;}

.imgBox .swiper-button-prev, 
.imgBox .swiper-button-next					{position:absolute; font-size:0px; top:50%; width:70px; height:70px; background-repeat:no-repeat; background-position:50%; background:transparent; /*background-color:rgba(0,0,0,.6);*/ cursor:pointer; outline:none; z-index: 20;
											background-size:initial; -webkit-transform:translateY(-50%); transform:translateY(-50%); 
											-webkit-transition:box-shadow 0.3s; transition:box-shadow 0.3s; transition:box-shadow 0.3s;-webkit-transform:translateZ(10px); transform:translateZ(10px); 
											border-radius:100%; border:none; -webkit-box-shadow:inset 0 0 0 1px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 1px rgb(255 255 255 / 50%);}

.imgBox .swiper-button-prev					{left:10px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.imgBox .swiper-button-prev:after			{position:absolute; top:calc(50% - 9px) !important; left:29px; width:16px; height:16px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}

.imgBox .swiper-button-next					{right:10px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.imgBox .swiper-button-next:after			{position:absolute; top:calc(50% - 9px) !important; right:29px; width:16px; height:16px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}

.imgBox .swiper-button-prev:hover,
.imgBox .swiper-button-next:hover			{opacity:1.0; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); border:none; -webkit-box-shadow:inset 0 0 0 10px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 10px rgb(255 255 255 / 50%);}


@media all and (max-width:980px){
	.imgBox .swiper-pagination-fraction	{bottom:20px; left:auto; right:10px; width:60px; height:30px; padding:0px 3px; border-radius:15px;}

	.imgBox .swiper-button-prev, 
	.imgBox .swiper-button-next			{width:30px; height:30px;}

	.imgBox .swiper-button-prev			{left:2px;}
	.imgBox .swiper-button-prev:after	{position:absolute; top:calc(50% - 5px) !important; left:11px; width:10px; height:10px; border:3px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}

	.imgBox .swiper-button-next			{right:2px;}
	.imgBox .swiper-button-next:after	{position:absolute; top:calc(50% - 5px) !important; right:11px; width:10px; height:10px; border:3px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}

	.imgBox .swiper-button-prev:hover,
	.imgBox .swiper-button-next:hover	{opacity:1.0; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); border:none; -webkit-box-shadow:inset 0 0 0 5px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 5px rgb(255 255 255 / 50%);}

}

/*
.PDV_imgArea .imgBox li								{display:none;}
.PDV_imgArea .imgBox li.on							{display:block;}
*/

.PDV_infoArea .seller_wrap							{position:relative; width:100%; height:40px;}
.PDV_infoArea .seller_wrap .seller_name				{position:absolute; left:0px;  bottom:3px; width:calc(100% - 150px);}
.PDV_infoArea .seller_wrap .seller_name	a			{font-size:13px; color:#666; font-weight:700;}
.PDV_infoArea .seller_wrap .good_number				{position:absolute; right:0px; text-align:right; width:150px; font-size:var(--FS13); color:var(--mygray002); font-weight:var(--FW600);}

.PDV_infoArea .product_wrap							{display:flex; justify-content:space-between; align-items:flex-start;width:100%;}
.PDV_infoArea .product_wrap	.product_name			{width:calc(100% - 60px); font-size:var(--FS20); line-height:30px; font-weight:700; margin-bottom:10px; color:#111; letter-spacing:-1px; overflow:hidden;
													max-height:150px; word-wrap:break-word; display:block; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap;}
.PDV_infoArea .product_wrap	.product_share			{width:60px;} 

.PDV_infoArea .product_properties					{display:inline-block; position:relative; width:100%; margin-bottom:10px;}
.PDV_infoArea .product_properties span				{font-size:12px; font-weight:700; margin-right:10px; line-height:20px;}
.PDV_infoArea .product_properties .refrigeration_icon{color:#1164EA; line-height:20px;}
.PDV_infoArea .product_properties .freeze_icon		{color:#11A8EA; line-height:20px;}
.PDV_infoArea .product_properties i					{position:relative; top:5px; margin-right:2px;}

.PDV_infoArea .price_wrap							{display:inline-block; width:100%; margin:5px auto}
.PDV_infoArea .price_wrap .priceArea				{float:left; width:calc(100% - 150px);}
.PDV_infoArea .price_wrap .pointArea				{display:flex; align-items:center; justify-content:flex-end; width:150px;}
.PDV_infoArea .price_wrap .priceArea .discount_per	{display:inline-block; letter-spacing:-0.5px}
.PDV_infoArea .price_wrap .priceArea .old_price		{margin-left:5px;}
.PDV_infoArea .price_wrap .priceArea .sale_price	{display:block; font-size:var(--FS26);}

.PDV_infoArea .delivery_wrap						{display:inline-block; width:100%; font-size:14px; font-weight:500; color:#555; padding:12px 12px; margin:10px auto; background:#F2F2F2; border-radius:5px; }
.PDV_infoArea .delivery_wrap ul						{list-style:none; margin:0; padding:0;}
.PDV_infoArea .delivery_wrap li						{float:left; font-size:14px; line-height:40px; margin:0px 10px 0px 0px;}
.PDV_infoArea .delivery_wrap li:after				{position:relative; display:inline-block; content:''; top:2px; left:; margin:0px 0px 0px 10px; width:1px; height:14px; background:#AAA;}
.PDV_infoArea .delivery_wrap li:last-child::after	{width:0px; left:0px;}

@media screen and (max-width:980px)	{
	.PDV_infoArea .delivery_wrap li					{font-size:12px; line-height:20px; }
	.PDV_infoArea .delivery_wrap li:after			{top:0px; left:; width:1px; height:10px;}
}


/* PDV Buy Selection : 2024.05.17 */
.PDV_buyArea										{width:100%}
.PDV_buyArea .infoBuyArea							{display:flex; width:100%; margin:20px auto 0px;}
.PDV_buyArea .infoCartArea							{display:flex; width:100%; margin:7px auto 20px;}

.PDV_buyArea .pdvbtn								{display:flex; align-items:center; justify-content:center; border-radius:2px; height:auto; padding:14px 10px;}
.PDV_buyArea .pdvbtn i								{width:20px; height:20px; margin-right:8px;}

.PDV_buyArea .pdvbtn.scrapbtn						{border:1px solid var(--mygray007); color:var(--mygray); font-weight:var(--FW700F); margin-right:5px; font-size:var(--FS14); padding:0 20px;}
.PDV_buyArea .pdvbtn.scrapbtn i.good_scrap .Stroke	{fill:var(--mygray); color:var(--mygray);}
.PDV_buyArea .pdvbtn.scrapbtn.on i.good_scrap .On	{fill:var(--IDTcolor); color:var(--IDTcolor); opacity:1; display:block;}
.PDV_buyArea .pdvbtn.scrapbtn.on					{border:1px solid var(--IDTcolor); color:var(--IDTcolor); font-weight:var(--FW700F);}

.PDV_buyArea .pdvbtn.drtbuybtn						{width:100%; background-color:var(--IDTcolor); border:1px solid var(--IDTcolor); color:var(--white); font-weight:var(--FW700F); font-size:var(--FS18);}
.PDV_buyArea .pdvbtn.cartbtn						{width:100%; border:1px solid var(--IDTcolor); color:var(--IDTcolor); font-weight:var(--FW700F); margin-right:5px;}
.PDV_buyArea .pdvbtn.cartbtn i						{color:var(--IDTcolor);}
.PDV_buyArea .pdvbtn.multibuybtn					{width:100%; border:1px solid var(--mygray005); color:var(--mygray); font-weight:var(--FW700F);}


/* PDV Contents */
.PDV_contentArea												{margin:0 auto; width:100%; max-height:100%;}

.PDV_contentArea .PDV_tabNavi									{overflow:hidden; margin:0px auto; z-index:1 !important;}
.PDV_contentArea .PDV_tabNavi.fixed-tab							{position:fixed; top:80px; width:100%;}
.PDV_contentArea .PDV_tabNavi.scroll-to-fixed-fixed				{width:100% !important; top:80px; left:auto !important;} /* Bug cure - FUNNY 2023.01.14 */

.PDV_contentArea .PDV_tabNavi ul								{display:flex; align-items:center; justify-content:space-between; width:100%; list-style:none; margin:0; padding:0;}
.PDV_contentArea .PDV_tabNavi li								{width:100%; height:40px; background:#242526; -webkit-box-flex:1}
.PDV_contentArea .PDV_tabNavi li:hover							{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.PDV_contentArea .PDV_tabNavi a									{display:block; height:100%; border-left:1px solid #000; font-size:var(--FS-mm-medium); line-height:40px; font-weight:600; color:#fff; text-align:center;}
.PDV_contentArea .PDV_tabNavi a:hover							{color:#fff !important}
.PDV_contentArea .PDV_tabNavi li:first-child a					{border-left:0}
.PDV_contentArea .PDV_tabNavi li.actv, 
.PDV_contentArea .PDV_tabNavi li.on								{background-color:var(--IDTcolor);}

.PDV_contentArea .PDV_goodDetail_wrap							{display:none; margin:20px 0 80px 0; padding:0px;}
.PDV_contentArea .PDV_goodDetail_wrap.on						{display:block; width:100%;}
.PDV_contentArea .PDV_goodDetail_wrap img 						{display:inline-block; width:100%; max-width:860px; height:auto; text-align:center;}


@media screen and (max-width:980px)	{
	.PDV_contentArea .PDV_tabNavi.fixed-tab						{top:50px;}
}

/* Detail Image Zoom Mode */
.imgZoom_guide					{display:none;}
.detailimg_zoom					{position:relative; display:block; margin:0px auto; width:100%; height:100%; max-height:100%; text-align:center; max-width:860px;}
.detailimg_zoom	.detailimg_wrap	{position:relative !important;}
.detailimg_zoom	.detailimg_wrap .iframe	{min-height:300px;}

@media screen and (max-width:600px)	{
.imgZoom_guide					{display:block; width:100%; background:#F2F2F2; margin:20px auto; text-align:center; height:50px;}
.imgZoom_guide_txt				{display:inline-block; height:50px; padding-left:50px; font-size:16px; line-height:50px; color:#757575; background:url(/shop/img/good/icon_imgzoom.png) no-repeat; background-position:calc(50% - 100px) 10px; background-size:30px; letter-spacing:-1px;}
}


/* 상세상품 펼쳐보기 */
/*.item-detail-more				{position:relative}
.more-btn-label					{position:relative; display:inline-block; color:#0073e9; font-weight:bold; font-size:16px}
.item-detail-more .more-btn-section {display: block; border: 1px solid #0073e9; position: relative; padding: 13px 8px; background-color: #fff; text-align: center;}*/

.goods_detail_more				{position:relative; width:100%; height:80px; margin-bottom:20px; background-image: linear-gradient(to bottom, rgba(225, 225, 225, 0), #fff); left:0; bottom:80px; }
.goods_detail_more_btn			{display:inline-block; width:94%; height:40px; line-height:34px; margin-top:80px; text-align:center; font-size:16px; background-color:#FFF; border:2px solid #333;}
.goods_detail_more_btn i		{display:inline-block; margin-left:10px;}

/* SNS Share : 2024.01.31 */
.btn_sns_share					{display:flex; align-items:center; font-size:var(--FS-small); font-weight:var(--FW600); color:#767676; letter-spacing:-1px; padding:4px 6px; border:1px solid #DDD; border-radius:3px; background:#FFF;}
.btn_sns_share:hover			{border:1px solid #999; color:#444;}
.btn_sns_share i				{display:flex; align-items:center; margin-right:5px; width:20px; height:20px;}


/* PDV Bottom (Buy button area) */
.PDV_Bottom							{position:relative; overflow:hidden; margin:0px auto;}
.buyBtnArea							{display:flex; align-items:center; position:fixed; bottom:0; width:100%; height:60px; margin:0; z-index:1; background:#FFF; border-top:1px solid #DDD; box-sizing:content-box; box-sizing:border-box;}
.buyBtnArea:after					{display:block;clear:both;content:''}

.buyBtnArea .scrap_wrap				{display:inline-block; width:60px; text-align:center;}


.buyBtnArea .scrap_wrap i.good_scrap .Stroke	{fill:var(--mygray); color:var(--mygray);}
.buyBtnArea .scrap_wrap.on i.good_scrap .On		{display:block; fill:var(--IDTcolor); color:var(--IDTcolor); opacity:1;}


.buyBtnArea .buy_wrap				{float:left; display:inline-block; width:calc(100% - 60px); text-align:center; padding:5px}
.buyBtnArea .buy_wrap a.btn_buy		{display:inline-block; width:100%; padding:11px 10px 12px; background:var(--IDTcolor); font-size:17px; font-weight:500; color:#FFF; border-radius:5px;}
.buyBtnArea .buy_wrap a.btn_buy:hover {color:#FFF !important;}

/* 선물세트 카테고리만 PC 전용 대량 구매 (2022.01.04) */
.buyBtnArea .buy_wrap a.btn_normalBuy		{display:inline-block; width:calc(50% - 3px); margin-right:3px; padding:11px 10px 12px; background-color:var(--IDTcolor); font-size:17px; font-weight:600; color:#FFF; border-radius:5px;}
.buyBtnArea .buy_wrap a.btn_normalBuy:hover	{color:#FFF !important;}

.buyBtnArea .buy_wrap a.btn_giftBuy			{display:inline-block; width:calc(50% - 3px); margin-left:3px; padding:11px 10px 12px; background:#3f4c6b; font-size:17px; font-weight:600; color:#FFF; border-radius:5px;}
.buyBtnArea .buy_wrap a.btn_giftBuy:hover	{color:#FFF !important;}

.buyBtnArea .buy_close				{float:left; display:inline-block; width:100%; text-align:center; padding:5px}

@media screen and (max-width:980px)	{
	.buyBtnArea .buy_wrap a.btn_giftBuy	{font-size:15px; padding:13px 8px 12px;}
}


/* Buy Deadline Time : 2021.08.09 */
/*.deadline_time						{position:absolute; display:block; bottom:62px; left:65px; background-color:rgba(0, 0, 0, 0.6); width:calc(100% - 125px); height:26px; line-height:26px; border-radius:13px; color:#FFF; text-align:center;}*/
.deadline_time						{position:absolute; display:block; bottom:51px; left:65px; background-color:rgba(0, 0, 0, 0.75); width:auto; padding:0 10px; font-size:0.75rem; height:26px; line-height:26px; border-radius:13px; color:#FFF; text-align:center;}
.deadline_time:after				{content:''; display:block; position:absolute; left:50%; transform:translateX(-100%); width:0; bottom:-5px;  border-style:solid; border-width:5px 5px 0px; border-color:rgba(0, 0, 0, 0.85) transparent; z-index:1;}


/* Sold Out */
.banner_soldout						{display:inline-block; text-align:center; width:100%; height:40x; border:1px solid #ae1c25; background:linear-gradient(to bottom,#e7323d 50%,#c92530 50%); color:#FFF; letter-spacing:-1px; font-size:15px; line-height:40px;}


/* 상품상세 위시리스트 알림창*/
#wish_alert				{display:none; position:fixed; left:50%; top:45%; width:200px; margin-left:-100px; height:200px; margin-top:-100px; background:rgba(0, 0, 0, .8); border-radius:25px; background-size:200px 200px; z-index:102;}
#wish_alert .wa_on		{position:absolute; left:50%; top:50%; margin-left:-37.5px; margin-top:-55px; width:75px; height:75px; background:url('/shop/img/icon/icon_scrap.png') -75px 0 no-repeat; background-size:150px 75px;}
#wish_alert .wa_off		{position:absolute; left:50%; top:50%; margin-left:-37.5px; margin-top:-55px; width:75px; height:75px; background:url('/shop/img/icon/icon_scrap.png') 0 0 no-repeat; background-size:150px 75px;}
#wish_alert .wa_msg		{position:absolute; left:0; top:65%; width:100%; text-align:center; font-size:14px; color:#fff; font-weight:500;}

/****************************************************************************************************
*	Header - Goods Read Page - 2020.08.14
*****************************************************************************************************/
/* Image Section */
.itemmainIMG							{margin:40px auto; text-align:center;}
.itemmainIMG .img-box					{width:100%; height:100%; max-height:600px; overflow:hidden; text-align:center;}
.itemmainIMG .img-box img				{width:100%; height:auto; max-width:600px; background-position:center center; background-attachment:fixed; overflow:hidden; text-align:center;}
.itemmainIMG .img-box li				{display:none;}
.itemmainIMG .img-box li.on				{display:block;}

@media screen and (max-width:980px)	{
	.itemmainIMG						{margin:0px auto; text-align:center;}
}

/* Satisfaction - 2020.08.18 */
.star_rating								{display:inline-block; width:40px; height:40px; background:url(/shop/img/good/icon_heartview_off.png) 0 0 no-repeat; background-size:40px 40px;}
.star_rating span							{display:block; height:40px;background:url(/shop/img/good/icon_heartview_on.png) 0 0 no-repeat; background-size:40px 40px;}

.satisfactionArea ul.STF					{float:right; position:relative; min-width:220px;}
.satisfactionArea .STF li					{float:left; position:relative;}
.satisfactionArea .STF li.heartArea			{display:inline-block; width:40px; margin-right:10px;}
.satisfactionArea .STF li.graphArea			{display:inline-block; width:170px;}
.satisfactionArea .STF li .star_ratingPer	{position:absolute; width:40px; height:40px; line-height:40px; text-align:center; font:12px/40px Roboto !important; font-weight:700 !important; color:#5db626;}


/* 상품고시영역 */
.gosiWRAP					{background-color:#FFFFFF; padding:0 20px;}
.gosiWRAP > h5				{text-align:left; color:#333; font-size:14px; line-height:22px; font-weight:700; letter-spacing:-1.2px; margin:0px; padding:15px 0 10px 0;}


/* 판매자 정보 */
.PDV_goodDetail_wrap .Box_terraced h8			{display:inline-block; text-align:left; color:#111; font-size:0.875rem; font-weight:800; letter-spacing:-1px;}
.PDV_goodDetail_wrap .Box_terraced p			{font-size:0.875rem; text-align:left; line-height:24px;}

@media screen and (max-width:980px)	{
	.Box_terraced.store{padding:0px !important; border-top:1px solid #F1F1F1; border-bottom:1px solid #EEE;}
}


/* 상세페이지 내 상품문의, 구매후기 - 2023.02.14 */
.item_feedbHeader						{display:flex; justify-content:space-between; align-items:center; width:100%; padding:20px 5px; border-bottom:1px solid rgba(0, 0, 0, .08);}
.item_feedbHeader .title				{text-align:left; color:#333; font-size:14px; line-height:22px; font-weight:700; letter-spacing:-1.2px;}
.item_feedbHeader .title .written_num	{padding-left:10px;}


/* 판매자 프로필 이미지 - 2024.01.30 */
.seller_profile									{width:100%;}

.seller_profile .pf_detail						{display:flex; flex-direction:column; width:100%; padding:20px 0; margin-top:20px; border-bottom:1px solid #EEE;}
.seller_profile .pf_detail .storeNameArea		{display:flex; justify-content:space-between; align-items:center; width:100%;}

.seller_profile .pf_detail .Detail_btnArea		{display:flex; width:100%; justify-content:flex-end; margin-top:7px;}

.seller_profile .pf_detail .storeName			{width:calc(100% - 70px); font-size:var(--FS-x-large); font-weight:700; letter-spacing:-1px; color:#111; max-height:30px; overflow:hidden; 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;}
.seller_profile .pf_detail .storeAction			{display:flex; justify-content:space-between; align-items:center; width:60px; margin-left:10px;}

.store_share						{}

.seller_profile .view_pf					{display:inline-block; width:100%; padding:0px;}

.see_pf_detail				{display:flex; align-items:center; width:max-content; height:32px; position:relative;font-size:var(--FS-mm-medium); font-weight:700; padding:0 25px 0 10px; color:#111; letter-spacing:-1px; border:1px solid #DDD; background-color:#F2F2F2;}
.see_pf_detail:after		{content:''; clear:both; position:absolute; transition: all 0.4s; top:8px; right:10px; width:9px; height:9px; border:2px solid #888; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.see_pf_detail.on:after		{transform:rotate(135deg); top:13px;}

.seller_profile	.pf_contents				{display:block; font-size:13px; line-height:23px; margin-top:20px;}
.seller_pf_img img							{max-width:120px; max-height:120px; vertical-align:middle}

@media all and (max-width:980px){
	.seller_profile .pf_detail				{padding:10px 20px;}
	.seller_profile .pf_detail .storeName	{font-size:20px; max-height:26px; }

	.seller_profile	.pf_contents			{margin:20px 0; padding:0 20px;}
}

/***************************************************************************************************
*	Store Visual
***************************************************************************************************/
.WRAP_storeVisual							{position:relative; width:100%; margin:20px auto;}
.storeVisual								{width:100%; height:250px; border-radius:0px;}
.storeVisual .swiper-slide					{height:100%; background-attachment:inherit; background-position:center center;}

.storeVisual .mvtWRAP						{display:block; position:absolute; top:calc((50% + 40px) /2); left:50%; -ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%); padding:0px 80px; overflow:hidden; /* background:RGBA(87,141,39,0.8);*/}

.storeVisual .title							{font:44px/56px celmonHG_80; color:#FFF; padding:0 20px; letter-spacing:-0.5px; background-color:RGBA(0,0,0,0.6);}

.storeVisual .swiper-pagination-bullet-active{opacity:1 !important; background:var(--IDTcolor) !important; outline:none;}
.storeVisual .swiper-pagination-bullet		{width:12px; height:12px; display:inline-block; border-radius:100%; background:#FFF; opacity: .2;}

.storeVisual .swiper-button-prev, 
.storeVisual .swiper-button-next			{position:absolute; font-size:0px; top:50%; width:70px; height:70px; background-repeat:no-repeat; background-position:50%; background:transparent; /*background-color:rgba(0,0,0,.6);*/ cursor:pointer; outline:none; z-index: 20;
											background-size:initial; -webkit-transform:translateY(-50%); transform:translateY(-50%); 
											-webkit-transition:box-shadow 0.3s; transition:box-shadow 0.3s; transition:box-shadow 0.3s;-webkit-transform:translateZ(10px); transform:translateZ(10px); 
											border-radius:100%; border:none; -webkit-box-shadow:inset 0 0 0 1px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 1px rgb(255 255 255 / 50%);}

.storeVisual .swiper-button-prev			{left:10px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.storeVisual .swiper-button-prev:after		{position:absolute; top:calc(50% - 9px) !important; left:29px; width:16px; height:16px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}

.storeVisual .swiper-button-next			{right:10px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.storeVisual .swiper-button-next:after		{position:absolute; top:calc(50% - 9px) !important; right:29px; width:16px; height:16px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}

.storeVisual .swiper-button-prev:hover,
.storeVisual .swiper-button-next:hover		{opacity:1.0; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); border:none; -webkit-box-shadow:inset 0 0 0 10px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 10px rgb(255 255 255 / 50%);}

.storeVisual .linkArea						{display:block; width:100%; height:100%; font-size:0px; text-indent:-9999em; line-height:0px;}

@media screen and (max-width:1280px){
	.storeVisual								{height:35vw;}
}

@media screen and (max-width:980px){
	.WRAP_storeVisual							{width:100%; margin:0px auto;}
}

@media all and (max-width:500px){
	.WRAP_storeVisual							{width:100%; margin:0px auto;}
	.storeVisual								{height:50vw;}
	.storeVisual .swiper-pagination-bullet		{width:6px; height:6px; display:inline-block; border-radius:100%; background:#FFF; opacity: .2;}
	.storeVisual .title							{font:32px/46px celmonHG_80; color:#FFF; padding:0 20px; letter-spacing:-0.5px; background-color:RGBA(0,0,0,0.6);}

	.storeVisual .swiper-button-prev, 
	.storeVisual .swiper-button-next			{width:30px; height:30px;}

	.storeVisual .swiper-button-prev			{left:2px;}
	.storeVisual .swiper-button-prev:after		{position:absolute; top:calc(50% - 5px) !important; left:11px; width:10px; height:10px; border:3px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}

	.storeVisual .swiper-button-next			{right:2px;}
	.storeVisual .swiper-button-next:after		{position:absolute; top:calc(50% - 5px) !important; right:11px; width:10px; height:10px; border:3px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}

	.storeVisual .swiper-button-prev:hover,
	.storeVisual .swiper-button-next:hover		{opacity:1.0; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); border:none; -webkit-box-shadow:inset 0 0 0 5px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 5px rgb(255 255 255 / 50%);}
}

.storeimg_guide									{display:block; width:100%;}
.storeimg_guide	.guide_txt						{position:absolute; right:10px; bottom:10px; color:#fff; background-color:rgba(0, 0, 0, 0.3); font-size:11px; padding:2px 10px; z-index:2;}


/* Store Popup */
.store_popup									{position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; z-index:110;}
.store_popup .pop_dim							{position:fixed; left:0; top:0; width:100%; height:100%; min-width:1440px; background:rgba(0, 0, 0, 0.8);}
.store_popup .spop_wrap							{position:absolute; left:0; right:0; top:0; bottom:0; width:600px; height:400px; margin:auto; background:#fff; border-radius:16px; overflow:hidden; padding-top:100px; padding-bottom:50px; -webkit-transition:0.5s; transition:0.5s;}
.store_popup .spop_wrap.wide					{width:1024px;}

.store_popup .spop_wrap.wide .pop_layout		{padding:0 50px;}
.store_popup .pop_head							{position:absolute; left:0; top:0; width:100%; height:100px; border-radius:16px 16px 0 0;}
.store_popup .pop_head .pop_title				{position:relative; width:100%; height:100%; margin:0 auto;}
.store_popup .pop_head .pop_title .tit			{position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; font-weight:600; font-size:30px; color:#000; line-height:1.2; text-align:center; padding:0 75px;}

.store_popup .pop_head .btn_pop_close						{position:absolute; right:25px; top:20px; width:40px; height:40px; font-size:0px;}
.store_popup .pop_head .btn_pop_close i						{position:relative;}
.store_popup .pop_head .btn_pop_close i:before, 
.store_popup .pop_head .btn_pop_close i:after				{position:absolute; content: ""; outline:0px solid transparent; box-sizing:content-box; -moz-box-sizing:content-box;}
.store_popup .pop_head .btn_pop_close i.spop_close			{top:-15px;}
.store_popup .pop_head .btn_pop_close i.spop_close:before	{background:#111; height:30px; width:3px; border-radius:5px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}	
.store_popup .pop_head .btn_pop_close i.spop_close:after	{background:#111; height:30px; width:3px; border-radius:5px; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}


.store_popup .pop_floating						{position:absolute; left:0; top:107px; width:100%; z-index:1;}
.store_popup .pop_body							{position:relative; height:100%; background:#fff; border-radius:0 0 16px 16px; overflow-y:auto;}
.store_popup .pop_layout						{padding:0 40px;}
.store_popup .pop_layout li						{text-align:center; margin-bottom:40px;}
.store_popup .pop_layout li .box .inner .img .wrap img{width:100%;}

@media (max-width:980px) {
	.store_popup .spop_wrap.wide				{width:calc(100% - 20px); margin:10px;}
	.store_popup .pop_head						{height:80px;}
	.store_popup .pop_head .pop_title .tit		{font-size:20px;}
}


/* 구매후기 - 2021.08.25 */
.reviewWRAP				{display:inline-block; width:100%; padding:20px 10px; text-align:left; border-bottom:1px solid #DDD;}

.review_buyinfo			{display:flex; flex-direction:column; margin-bottom:15px;}
.review_buyinfo	li		{font-size:0.75rem; margin-bottom:10px; color:#888;}
/*
.review_date			{display:block; height:25px; font-family:Roboto; font-size:11px; line-height:25px; color:#888; letter-spacing:0px;}
.review_writerArea		{display:inline-block; width:100%;}
.review_writer			{float:left; width:50%; display:block; font-size:12px; color:#333; font-weight:700;}
.review_buyitem_name	{float:left; width:50%; display:block; font-size:14px; color:#333; font-weight:700;} 
.review_buyitem_optname	{ width:50%; display:block; font-size:12px; color:#888; font-weight:500;}
.review_satisfaction	{overflow:hidden; text-align:right; width:195px; margin:0;padding-top:0px; float:right; display:inline-block;}*/

.review_content			{display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; line-height:1.5; font-size:0.875rem; color:#666; padding:5px 0;}

.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%;}


@media (max-width:980px) {
	.review_img img		{max-width:100% !important;}
}

/* 상품만족도 - 2023.03.09 */
.star-count						{font-size:12px;}
.star-count .graph_rating		{display:inline-block; width:90px; height:19px; background:url('/shop/img/good/star_rating.png') no-repeat 0 0; background-size:90px auto;}
.star-count .graph_rating span	{display:inline-block; height:19px; background:url('/shop/img/good/star_rating.png') no-repeat 0 -18px; background-size:90px auto; font-size:0; line-height:0;}


/* 상품문의 (common UL BOARD Add.) */
#qna_list.BTUL > li.Box					{margin-bottom:20px; padding:20px;}
#qna_list.BTUL > li > .tit,			
#qna_list.BTUL > li > a .tit			{font-size:0.938rem; font-weight:600; margin-top:10px; color:#111}
#qna_list.BTUL > li > a.seller_name		{display:flex; flex-direction:row; align-items:center; justify-content:flex-start; font-size:0.75em; color:#AAA; font-weight:600;}
#qna_list.BTUL > li:hover				{border:1px solid #FFF; background-color:#FAFAFA; transition:all .1s ease-in-out 0s; -webkit-transition:all .1s ease-in-out 0s; -moz-transition:all .1s ease-in-out 0s;}
#qna_list.BTUL > li.on					{border:1px solid var(--IDTcolor);}

.qna_pdname a							{display:block; width:100%; font-size:0.875rem; font-weight:500; color:#999; padding:5px 0; border-bottom: 1px solid #EEE; margin-bottom:10px;}
.qna_pdname a:hover						{color:var(--IDTcolor);}
.qna_userWrap							{display:flex; justify-content:space-between; align-items:center; width:100%; font-size:0.875rem;}

.questionerArea							{display:flex; align-items:center; font-size:0.875rem;}
.questionerArea .qst_id					{font-size:0.750rem; color:#AAA; font-weight:700;}
.questionerArea .qst_date				{display:block; font-size:12px; font-weight:500; letter-spacing:0; color:#AAA;}
.questionerArea .qst_date:before		{content:"|"; padding:0 5px; font-weight:100; letter-spacing:0; color:#999;}
.questionerArea .qst_status				{display:inline-block; width:50px; height:18px; line-height:18px; text-align:center; margin-left:10px; background:#EEE; border:1px solid #AAA; color:#FFF; border-radius:9px; font-size:11px; color:#999;}
.questionerArea .qst_status.completed	{background:#333; border:1px solid #333; color:#FFF; border-radius:9px; line-height:18px;}

.question_editArea						{display:flex; align-items:center;}		
.qna_answerer							{display:block; font-size:0.875rem; color:#333; font-weight:800; margin-bottom:5px;}


/* 상품,구매후기 답변 */
.answer						{position:relative; padding:0px; margin:0px auto;}
.answer i.cssIcon.balloon	{position:absolute; top:-5px; left:-30px;}

.answer .comment			{font-size:14px; line-height:1.73; color:#555;}
.answer .comment img 		{display:inline-block; width:auto; height:auto; text-align:center;}

.reviewWRAP > .answer					{position:relative; padding:24px 20px; background-color:#F2F2F2; border-radius:5px;}
.reviewWRAP > .answer i.cssIcon.balloon	{position:absolute; top:5px; left:-10px;}

/* Review Add Image Popup Layer - 2021.08.25  */
.vLayer					{position:fixed; bottom:0; display:none; height:100%; box-sizing:border-box; overflow:hidden; z-index:200; width:100%; max-width:var(--max-width) !important;}
.vLayer:before			{content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#fff;}
.vLayer:after			{content:"상세이미지 보기"; display:block; position:absolute; top:0; right:0; left:0; height:60px; padding:20px 24px 22px; box-sizing:border-box; background-color:#fff; font-size:18px; font-weight:700; line-height:1.22; letter-spacing:-0.6px; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.vLayer > div			{position:relative; height:calc(100% - 60px); margin-top:60px;}
.vLayer > div ul		{height:100%;}
.vLayer > div ul li		{height:100%;}

.vLayer > div ul li div {font-size:0; width:calc(100% + 1px); height:100%; margin-right:-1px; text-align:center; overflow:hidden; overflow-y:auto;}
.vLayer > div ul li div:after {content:'';display:inline-block; width:1px; height:100%; vertical-align:middle;}
.vLayer > div ul li div > span {display:inline-block; width:calc(100% - 1px); vertical-align:middle;}
.vLayer > div ul li div > span img,
.vLayer > div ul li div > span video {width:100%;}
.vLayer .close			{position:absolute; top:18px; right:20px; width:30px; height:30px; overflow:hidden; z-index:1;}


/*******************************************************************************************************************************************
*	Related Items 관련상품 - 2020.03.09 : FUNNY
*******************************************************************************************************************************************/
.RI						{float:left; width:100%; overflow:hidden; border:1px solid #DDD; border-radius:2px; background:#FFF; margin:10px auto 30px auto;}
.RI .header				{border-bottom:1px solid #d6d6d6; overflow:hidden; padding:15px 0;}
.RI .header_tit			{float:left; overflow:hidden; margin-left:20px;}
.RI .header_tit a		{font:14px/22px celmonKr_medium; color:#777; letter-spacing:-1px;}
.RI .header_tit a:hover	{color:#5db626; text-decoration:underline;}
.RI .pageWRAP			{float:right; overflow:hidden; margin-right:20px}
.RI .pageWRAP .num		{margin-right:5px; float:left; font:13px Roboto; font-weight:600; line-height:1; padding-top:5px;}
.RI .pageWRAP .num em	{color:#5db626}
.RI .pageWRAP a			{float:left; overflow:hidden}
.RI .pageWRAP a i		{color:#AAA; font-size:24px; margin:0 3px;}
.RI .pageWRAP a i:hover	{color:#5db626;}


.RI .itemWRAP			{width:100%; overflow:hidden; padding:20px auto; padding:20px;}
.RI .item				{float:left; margin:0; width:20%;}
.RI .item .thumb		{margin-bottom:10px; display:block; overflow:hidden;}
.RI .item .thumb img	{float:left; width:100%; max-width:166px; max-height:166px;}
.RI .item .info			{clear:both; width:100%; overflow:hidden}
.RI .item .name			{margin-bottom:3px; display:block; font-size:12px; color:#666; overflow:hidden;}
.RI .item .name:hover	{color:#5db626;}
.RI .item .price		{font:12px Roboto; font-weight:500; color:#333;}

.goods_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:1000;}


/* 적립금 도움말 */
.layerBox_goodsHelpWRAP						{position:relative; z-index:12; display:inline-block; letter-spacing:-0.03em}
.layerBox_goodsHelp							{cursor:pointer; position:absolute; width:230px; height:140px; padding:15px; border:solid 1px #CCC; font-size:12px; line-height:22px; text-align:left;
											background:rgb(255,255,255); background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(239,239,239,1) 94%, rgba(255,255,255,1) 100%);
											box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); box-sizing:border-box; border-radius:5px;}
.layerBox_goodsHelp:after					{content: ''; position: absolute; border-style: solid; border-width: 0 5px 6px; border-color: #FFFFFF transparent; display: block; width: 0; z-index:1; top:-5px; right:15px;}
.layerBox_goodsHelp:before					{content: ''; position: absolute; border-style: solid; border-width: 0 5px 6px; border-color: #CCC transparent; display: block; width: 0; z-index:0; top:-6px; right:15px;}

.layerBox_goodsHelp .helptxt				{}
.layerBox_goodsHelp .helptxt .helptitle		{font-size:13px; font-weight:700; color:#000; }
.layerBox_goodsHelp .helptxt i				{position:absolute; top:8px; right:8px; color:#000; font-size:20px;}
.layerBox_goodsHelpWRAP .table_point		{margin-top:10px; color:#888}
.layerBox_goodsHelpWRAP .table_point th		{font-size:12px; padding:2px 0;}
.layerBox_goodsHelpWRAP .table_point td		{font-size:12px; padding:2px 0; text-align:right;}


/*******************************************************************************************************************************************
*	Now Delivery Category - 2021.11.02 : FUNNY
*******************************************************************************************************************************************/
/* Now Delivery Seller Information */
.ND_info									{width:100%; text-align:left; padding-top:30px;}
.ND_info .nd_seller_name					{font-family:GongGothic; font-size:28px; font-weight:900; color:#000; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #222;}

/* Responsive Swiper Tab */
.SW_nowDelyCate								{margin:0px auto; width:100%; position:static;}
.SW_nowDelyCate:after						{clear:both; display:block; content:"";}
.SW_nowDelyCate li.swiper-slide				{width:auto !important;} /* flex 일정간격 원할시 본 라인 주석 */

/* Bottom Menu */
.nowDelyMenuWrap								{position:relative; width:100%; margin:20px auto 0px auto; padding:0px;}
.nowDelyMenuWrap li[role=tab]					{position:relative; width:100%;  display:inline-block; padding:8px 25px; border:1px solid #CCC; border-radius:30px; /*margin-right:20px;*/ text-align:center; cursor:pointer;}


.nowDelyMenuWrap li[role=tab]:hover				{background-color:#eee}
.nowDelyMenuWrap li[role=tab]>a					{display:inline-block; width:100%; text-align:center; font-size:15px; font-weight:700 !important; color:#777; letter-spacing:-1.2px; padding:0}

.nowDelyMenuWrap li[role=tab]>a:focus,
.nowDelyMenuWrap li[role=tab]>a:hover			{color:#222}

.nowDelyMenuWrap li[role=tab].selected			{background-color:#444; border:1px solid #444;}
.nowDelyMenuWrap li[role=tab].selected>a		{color:#fff !important;}



@media screen and (max-width:980px) {
	.nowDelyMenuWrap							{text-align:center; margin:20px auto;}
	.nowDelyMenuWrap li[role=tab]>a				{font-size:14px;}
}


/*******************************************************************************************************************************************
*	Now Delivery Product List (지금배달) 상품리스트 - 2021.10.22
*******************************************************************************************************************************************/						
.NDPL											{width:100%; padding:15px 0;}

.NDPL .NDPL_list								{display:table; width:100%; min-height:80px; padding:20px 0; border-top:1px solid #DDD}
.NDPL_list .ndplitem_area						{display:table-cell; vertical-align:middle; width:100%;}

.ndplitem_area > .goodsInfo						{float:left; text-align:left; width:calc(100% - 110px); padding:0px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }
.ndplitem_area > .goodsInfo .goodsInfo_title	{display:block; max-height:20px; margin-bottom:6px; font-family:celmonKr; font-size:15px; font-weight:600; color:#141414; overflow:hidden; word-wrap:break-word; 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;}
.ndplitem_area > .goodsInfo .goodsInfo_price	{width:100%; margin:5px 0; font-size:14px; font-weight:500; color:#000; letter-spacing:-0.5px;}
.ndplitem_area > .goodsInfo .goodsInfo_subtxt	{display:block; max-height:20px; font-family:celmonKr; font-size:12px; font-weight:500; color:#777; overflow:hidden; word-wrap:break-word; 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;}

.ndplitem_area > .goodsImg						{float:right; position:relative; width:90px; height:90px; margin-left:12px; border-radius:3px; overflow:hidden; z-index:1;}
.ndplitem_area > .goodsImg img					{width:90px; height:90px; border:1px solid #dadce7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:3px; overflow:hidden;}
.ndplitem_area > .goodsImg .now_soldout			{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.35); text-align:center; margin:0 auto; z-index:2;}
.ndplitem_area > .goodsImg .now_soldout em		{position:relative; font-family:celmonKr; font-size:14px; font-weight:700; letter-spacing:-1px; color:#FFF; top:calc(50% - 10px);}


@media (max-width:980px) {
	.NDPL										{width:100%; padding:5px 0 10px 0;}
}

/* 구매수량 */
.ndpBUY_wrap									{display:table; width:100%; min-height:40px; width:100%;}
.ndpBUY											{display:table-cell; vertical-align:middle; width:100%;}
.ndpBUY	> .ndp_title							{float:left; text-align:left; font-size:16px; line-height:38px; color:#000; font-weight:700;}
.ndpBUY	> .ndp_control							{float:right;}


/*******************************************************************************************************************************************
*	Now Delivery Cart - 2021.11.04 -> 본 style은 common_login.css 와 통합여부 확인해야함(2023.01.03)
*******************************************************************************************************************************************/
.MDCart								{display:inline-block; overflow:hidden; width:100%; box-sizing:content-box; box-sizing:border-box; margin:15px 0;}

/* Menu */
.MDCart .depth_menu					{display:inline-block; width:100%; text-align:center; margin:0px auto 10px auto; padding:10px 0 20px 0; border-bottom:1px solid #EEE}
.MDCart .depth_menu:after			{display:table ;clear:both; content:''}
.MDCart .depth_menu>li				{display:inline-block; margin:0 5px;}
.MDCart .depth_menu>li a			{display:inline-block; height:40px; box-sizing:border-box; padding:0 30px; font-weight:700; font-size:18px; line-height:38px; text-align:center; border:1px solid #d7d7d7; border-radius:20px;}
.MDCart .depth_menu>li a:hover		{text-decoration:none}
.MDCart .depth_menu>li a.on			{color:#FFF; background-color:var(--IDTcolor); border:1px solid var(--IDTcolor);}


.MDCart .depth_menu>li > a > i.svg_icon.delivery 		{position:relative; top:4px; margin-right:5px;}
.MDCart .depth_menu>li > a > i.svg_icon.delivery g		{fill:#1A1A1A !important; color:#1A1A1A !important;}

.MDCart .depth_menu>li > a.on > i.svg_icon.delivery 	{position:relative; top:4px; margin-right:5px;}
.MDCart .depth_menu>li > a.on > i.svg_icon.delivery g	{fill:#FFFFFF !important; color:#FFFFFF !important;}

.MDCart .depth_menu>li > a > i.svg_icon.svg_scooter 	{position:relative; top:6px; margin-right:5px;}
.MDCart .depth_menu>li > a > i.svg_icon.svg_scooter g	{fill:#1A1A1A !important; color:#1A1A1A !important;}

.MDCart .depth_menu>li > a.on > i.svg_icon.svg_scooter 	{position:relative; top:6px; margin-right:5px;}
.MDCart .depth_menu>li > a.on > i.svg_icon.svg_scooter g{fill:#FFFFFF !important; color:#FFFFFF !important;}




/*******************************************************************************************************************************************
*	SNS 구매하기 버튼 영역 : 2024.05.10
*******************************************************************************************************************************************/
.snsBuyWrap		{display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:10px; padding:10px 0; border:1px solid #ff9900;}
.naverPayArea	{width:calc(50% - 10px); border:1px solid green;}
.kakaoPayArea	{width:calc(50% - 10px); border:1px solid gold;}