@charset "utf-8";

/* Customer Center Tabmenu */
.CCP							{padding-bottom:50px;}
.CCP_tabWRAP					{display:table; margin-bottom:30px; width:100%; table-layout:fixed;}
.CCP_tabWRAP > li				{position:relative; display:table-cell; vertical-align:middle; padding:18px 2px;}
.CCP_tabWRAP > li a				{display:block; font-size:1.125rem; text-align:center; color:#222; font-weight:700; line-height:1.5;}
.CCP_tabWRAP > li + li:before	{content:''; display:block; position:absolute; top:50%; left:0; transform:translate(0, -50%); width:1px; height:24px; background-color:#DDD;}
.CCP_tabWRAP > li a	i			{display:block; text-align:center; font-size:1.250rem; margin-bottom:8px;}
.CCP_tabWRAP > li.on a			{color:var(--IDTcolor);}
		
@media (max-width:980px) {
	.CCP_tabWRAP				{margin-bottom:10px;}
	.CCP_tabWRAP > li a			{font-size:0.813rem;}
}


/* Customer Center Talk Inquiry : 2023.12.19 */
.talksnsWrap						{display:flex; flex-direction:column; width:100%;}

.talk_comguide						{display:flex; flex-direction:column; width:100%; background-color:var(--mygray100); color:#FFF; padding:70px 90px; border-radius:25px 25px 0 0}
.talk_comguide .title				{font-size:1.875rem; font-weight:300; letter-spacing:-2px; margin-bottom:20px;}
.talk_comguide .time				{font-size:var(--FS-medium); line-height:1.5; font-weight:600; letter-spacing:-1px;}

.talkkind							{display:flex; width:100%; list-style:none; margin:0; padding:0;}
.talkkind > li						{position:relative; width:50%; padding:90px;}
.talkkind > li.kakao				{background-color:#fae100; border-radius:0 0 0 25px}
.talkkind > li.naver				{background-color:#00c73c; border-radius:0 0 25px 0}
.talkkind > li.bus32				{background-color:var(--IDTcolor); width:100%; border-radius:0 0 25px 25px;}

.talkkind > li .ment				{font-size:2.000rem; line-height:1.2; font-weight:400; letter-spacing:-1.5px; margin-bottom:20px;}
.talkkind > li.naver .ment,		
.talkkind > li.bus32 .ment			{color:#FFF;}

.talkkind > li .talkicon			{position:absolute; top:40px; right:-20px;}
.talkkind > li .talkicon > img		{width:60%; height:60%;}

.talkkind > li .talkBTN				{display:inline-block; width:100%; margin:30px auto 0; padding:20px 0; border-radius:45px; letter-spacing:-2px; font-size:var(--FS-xx-large); color:#000; font-weight:800; text-align:center; background-color:#ffff;}
.talkkind > li.naver .talkBTN		{color:#00c73c;}
.talkkind > li.bus32 .talkBTN		{color:var(--IDTcolor);}

.talkkind li > .DOT_linebreak li			{color:#b9f1d0 !important; font-size:var(--FS-small);}
.talkkind li > .DOT_linebreak li:before		{content:''; position:absolute; top:6px; left:0px; width:6px; height:4px; background-color:#FFF; border:1px solid #FFF; border-radius:2px;}
.talkkind li > .DOT_linebreak li strong		{color:#FFF; font-weight:600;}
.talkkind li > .DOT_linebreak li em			{color:var(--yellow)}
.talkkind li > .DOT_linebreak li a			{color:#FFF !important;}
.talkkind li > .DOT_linebreak li a:before	{background-color:#FFF !important;}
.talkkind li > .DOT_linebreak li a:hover	{color:var(--IDTcolor_deep) !important;}

@media (max-width:980px) {
	.talk_comguide					{padding:40px; border-radius:0px;}

	.talkkind						{flex-direction:column;}
	.talkkind > li					{width:100%; margin:0 auto; padding:40px; border-radius:0px !important;}
	.talkkind > li .ment			{font-size:1.375rem; }

	.talkkind > li .talkicon		{top:20px; right:20px;}
	.talkkind > li .talkicon > img	{width:60px; height:60px;}
	.talkkind > li .talkBTN			{margin:10px auto 0; padding:10px 0;}
}


/* Point (Exclusive use of Point) : 2023.02.16 */
.myPoint						{display:flex; align-items:center; padding:15px 0px; border-bottom:1px solid #EEE;}
.myPoint > .status				{display:flex; margin-right:15px; padding:4px 10px; font-size:0.825rem; font-weight:600; text-align:center; border-radius:3px;}
.myPoint > .status.pointPoint	{background-color:#FFF; color:var(--IDTcolor); border:1px solid var(--IDTcolor);}
.myPoint > .status.ingPoint		{background-color:var(--IDTcolor); color:#FFF;}
.myPoint > .status.restPoint	{background-color:var(--gray001); color:#FFF;}

.myPoint .contents				{flex:1;}
.myPoint .contents .date		{display:block; font-size:0.813rem; font-weight:400; color:#CCC; margin-bottom:3px;}
.myPoint .contents .expired		{display:block; font-size:0.750rem; font-weight:500; color:#AAA;}
.myPoint .contents p			{margin:5px 0; font-size:0.875rem; font-weight:600; color:#111; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.myPoint .contents p .pdname	{margin-left:15px; font-size:0.813rem; font-weight:600; color:#555}
.myPoint .amount				{margin-left:13px; font-size:0.875rem;}


/* Mypage - Edit My Information : 2023.02.16 */
.EMI							{display:inline-block; width:100%; margin:10px auto; background:#fff; position:relative;}
.EMI > H7						{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; font-size:1rem; font-weight:700; color:#000; margin-bottom:25px; padding-bottom:10px; border-bottom:2px solid #242424;}
.EMI > .rowSB					{display:flex; display:-ms-flexbox; -ms-flex-wrap:wrap; align-items:center; justify-content: space-between; margin-right:0px; margin-left:0px; margin-bottom:1.3rem;} 
.EMI > .rowSB:last-child		{margin-bottom:0rem;}
.EMI li							{display:flex; align-items:center;}
.EMI li .emiBtn					{width:78px; text-align:center;}


/*******************************************************************************************************************************************
*	MYPAGE - 2023.12.06
*******************************************************************************************************************************************/
.myinfo_sum									{display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:15px;}
.myinfo_sum	.userArea						{flex-grow:1; white-space:nowrap; text-overflow:ellipsis;}
.myinfo_sum	.activeArea						{flex-shrink:0; padding:25px 0px;}

.myinfo_sum .userArea						{display:flex; align-items:flex-start; font-size:var(--FS-mm-large); color:#111; letter-spacing:-1px; font-weight:700;}
.myinfo_sum .userArea .mybus_home			{display:flex; position:relative; flex-direction:column; align-items:center;}
.myinfo_sum .userArea .mybus_home i			{width:60px; height:auto;}

.myinfo_sum .userArea .mybus_home > em		{position:absolute; color:var(--white); min-width:60px; padding-left:0; padding:6px 10px; border-radius:16px; text-align:center; color:#fff; background-color:#000; z-index:1; bottom:-20px; font-size:var(--FS-mm-small);}
.myinfo_sum .userArea .mybus_home > em::after{position:absolute; content:''; top:-10px; left:calc(50% - 6px); border-style:solid; border-width:6px; border-color:transparent transparent #000  transparent} 

.myinfo_sum .userArea .name					{display: flex; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.myinfo_sum .userArea .name em 				{font-weight:500; color:#777;}
.myinfo_sum .userArea .mem_certiArea		{display:flex; flex-direction:column; position:relative; margin-left:20px;}
.myinfo_sum .userArea .mem_setting			{display:flex; align-items:center; font-size:var(--FS-small); background-color:var(--mygray); padding:6px 10px; border-radius:5px; color:#FFF; text-align:center; margin-top:5px}
.myinfo_sum .userArea .mem_setting i		{width:20px; height:auto; margin-right:7px;}
.myinfo_sum .userArea .mem_setting:hover	{background-color:var(--IDTcolor);}

@media only screen and (max-width:980px) {
	.myinfo_sum								{flex-direction:column; text-align:center; padding:0px; border-bottom:1px solid #EEE;}
	.myinfo_sum .userArea					{display:flex; width:100%; justify-content:flex-start; align-items:center; padding:10px 10px; font-size:var(--FS-large);}
	.myinfo_sum .userArea .mybus_home i		{width:34px; height:auto;}
	.myinfo_sum	.activeArea					{width:100%; padding:18px 0px; border-top:1px #DEDEDE solid;}

	.myinfo_sum .userArea .mem_certiArea	{margin-left:10px; display:flex; width:100%; flex-direction:row; justify-content: space-between; align-items: center;}
}


/*  Animation Icon for MyBus */
.mybusHomeAni							{-webkit-transition:all ease; -moz-transition:all ease; -o-transition:all ease; -ms-transition:all ease; transition:all ease; -webkit-animation:HomeAni 1s .5s infinite ease; -moz-animation:HomeAni 1s .5s infinite ease; -ms-animation:HomeAni 1s .5s infinite ease; -o-animation:HomeAni 1s .5s infinite ease; animation:HomeAni 1s .5s infinite ease;}
@-moz-keyframes HomAni					{0% { -moz-transform:translatey(0px);} 50% { -moz-transform:translatey(5px);} 100% { -moz-transform:translatey(0px);}}
@-webkit-keyframes HomeAni				{0% { -webkit-transform:translatey(0px);} 50% { -webkit-transform:translatey(5px);} 100% { -webkit-transform:translatey(0px);}}
@-ms-keyframes HomeAni					{0% { -ms-transform:translatey(0px);} 50% { -ms-transform:translatey(5px);} 100% { -ms-transform:translatey(0px);}}

.cntMenu								{display:flex; align-items:flex-start; justify-content:space-between; list-style:none; margin:0; padding:0;}
.cntMenu>li>a							{display:flex; flex-direction:column; align-items:center; min-width:120px;}
.cntMenu>li>a:last-child				{padding-right:0px;}
.cntMenu .cnticon						{display:flex; align-items:center; justify-content:center; background-color:#EEE; padding:5px; border-radius:50%; width:40px; height:40px;}
.cntMenu>li>a:hover .cnticon			{background-color:var(--IDTcolor);  transition: all 0.3s;}
.cntMenu>li>a:hover .cnticon > i		{color:#FFF !important;}

.cntMenu .cnticon.on					{background-color:var(--IDTcolor);}
.cntMenu .cnticon.on i					{color:#FFF !important;}


.cntMenu .title							{color:#777; font-size:var(--FS-mm-medium); font-weight:700; letter-spacing:-1px; padding:12px 0;}
.cntMenu .countArea						{font-size:var(--FS-x-large); letter-spacing:0px; line-height:1.0; color:#333;}


@media only screen and (max-width:980px) {
	.cntMenu>li							{font-size:0.875rem;}
	.cntMenu>li>a						{min-width:80px;}
	.cntMenu .cnticon > i				{display:inline-block; width:20px !important; height:20px !important;}	
	.cntMenu .cnticon > i.scrap			{width:18px !important; height:18px !important;}
}

@media only screen and (max-width:500px) {
	.cntMenu>li							{font-size:0.813rem;}
	.cntMenu .countArea					{font-size:1.125rem; font-weight:400; letter-spacing:0px; line-height:1.0; color:#333;}

}



/* SVG Control : 2023.11.24 */
i.mypage					{display:inline-block; width:22px; height:22px; color:var(--mygray100);}

.myinfo_sum .userArea .mybus_home.special	{position:relative;}
.myinfo_sum .userArea .mybus_home.special .special_title	{position:absolute; font-size:var(--FS-m-small); text-transform:uppercase; font-family:celmonHG; letter-spacing:0em; font-weight:900; color:#FFF; top:50%; left:50%; transform:translate(-50%, -50%);}

.mypage.activity			{}
.mypage.scrap				{}
.mypage.Inquiry				{}
.mypage.1vs1				{}
.mypage.review				{width:20px; height:20px; margin-top:-2px}
.mypage.point				{}
.mypage.coin				{}
.mypage.recentview			{}

i.mypage_2dpt				{display:inline-block; width:18px; height:18px; margin-right:8px;}
.incntTabmenu a i			{color:var(--mygray100);}
.incntTabmenu a.on i		{color:var(--white);}


/* Mypage Search Wrap (maypage_sch) - 2023.12.12 */
.MSW								{position:relative; margin-bottom:20px;}
.MSW .srchLine						{display:flex; list-style:none; margin:0; padding:0;}
.MSW .srchLine li:first-child		{flex-grow:1;}
.MSW .srchLine li:last-child		{flex-shrink:0; margin-left:5px;}
.MSW .srchLine a.itemsortBTN		{position:relative; display:flex; align-items:center; justify-content:center; background-color:var(--mygray); width:var(--iptbtnHeight); height:var(--iptbtnHeight);  border-radius:4px;}
.MSW .srchLine a.itemsortBTN i		{width:24px !important; height:24px !important; color:#FFF;}

/* Mypage Search Wrap - Layer Popop */
.MSW_area							{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:start; align-items:auto; align-content:start;}
.MSW_area > H2						{flex:1; -webkit-box-flex:1; -ms-flex:1; font-size:20px; letter-spacing:-0.07em;}
.MSW_area .searchForm				{display:flex; align-items:center; flex-direction:column; width:100%; list-style:none; margin:0; padding:0;}
.MSW_area .searchForm li			{width:100%; margin-bottom:10px;}
.MSW_area .searchForm li:last-child	{margin-bottom:0px;}
.MSW_area .searchForm .datepickeript input	{font-size:var(--FS-mm-medium);}

.period_sel							{display:flex; font-size:var(--FS-mm-medium); font-weight:500; height:var(--iptbtnHeight);}
.period_sel button					{display:block; width:100%; border:1px solid #dcdee0; padding:0 14px; margin-left:-1px; border-radius:0px}
.period_sel button:first-child 		{border-radius:4px 0 0 4px;}
.period_sel button:last-child		{border-radius:0 4px 4px 0;}
.period_sel button.on				{position:relative; border-color:var(--IDTcolor); font-weight:600; color:var(--IDTcolor);}


/* 진행중인 주문 내역 - 2023.01.31 */
.odr_area						{display:block; width:100%; margin-bottom:20px;}
.odr_step						{display:grid; grid-template-columns:repeat(5, 1fr); gap:12%; overflow:hidden; list-style:none; margin:0; padding:0;}
.odr_step li					{position:relative; text-align:center;}
.odr_step li a					{display:block; line-height:20px; font-size:var(--FS-medium); font-weight:600; letter-spacing:-0.05em;}

.odr_step li:after				{position:absolute; top:calc(50% - 20px); right:-50%; width:9px; height:9px; border:1px solid #777; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:''; }
.odr_step li:last-child:after	{display:none;}
.odr_step li em					{display:block; margin-top:20px; font-size:20px; color:#111; letter-spacing:0em;}

.odr_st							{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-content:start; overflow:hidden; margin-top:20px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #eaeaee; background:#f7f7f7; list-style:none; padding:0;}
.odr_st li						{flex:1 0 auto;}
.odr_st li a					{display:block; overflow:hidden; padding:15px 22px; border-left:1px solid #eaeaee; font-size:var(--FS-m-medium); font-weight:600;}
.odr_st li:first-child a		{border-left:none;}
.odr_st li a em					{float:right; font-size:15px; font-weight:600; letter-spacing:0em;}

@media screen and (max-width:980px) {
	.odr_step li a					{font-size:var(--FS-mm-medium); line-height:14px;}
	.odr_step li em					{font-size:16px; color:#111;}

	.odr_st li a					{padding:10px 22px; font-size:13px;}
	.odr_st li a em					{font-size:13px;}
}


/*******************************************************************************************************************************************
*	주문배송 조회 - 2019.07.29 : FUNNY
*******************************************************************************************************************************************/
/* 탭형 기간별 검색조회 */
.sch_full						{margin:0; position:relative; padding:5px 0px; }
.sch_full:after					{display:block;clear:both;content:''}
.sf_month						{display:table; width:100%;}
.sf_month li					{display:table-cell; width:16.6%; font:14px/40px celmonHG_60;}
@media only screen and (max-width:640px) {
.sf_month li					{font:12px/250% celmonHG_60;}
}
.sf_month li:first-child label	{border-radius:3px 0 0 3px}
.sf_month li:last-child label	{border-radius:0 3px 3px 0}
.sf_month li label				{display:block; width:100%;margin:0 -1px 0 0;padding-top:1px;border:1px solid #ccc;background:#fcfcfc; color:#666;text-align:center;vertical-align:top;cursor:pointer}
.sf_month li.check				{z-index:10}
.sf_month li.check label		{border-color:#3d8413; background-color:#509d22; color:#fff}
.sf_month li .inp_radio			{position:absolute;left:0;top:0;z-index:-1;width:13px;height:13px;vertical-align:top; display:none;}



/*******************************************************************************************************************************************
*	상품 후기(Layer Popup : Only Write Mode in Mypage  - 2024.07.22
*******************************************************************************************************************************************/
.reviewWrite										{display:flex; flex-direction:column;}

.reviewWrite .reviewPointguide						{display:flex; flex-direction:column; justify-content:center; width:100%; background-color:var(--mygray009); color:var(--mygray); padding:20px; border-radius:8px; margin-bottom:20px;}
.reviewWrite .reviewPointguide li					{display:flex; justify-content:space-between; position:relative; padding-left:15px; margin-bottom:10px; font-size:var(--FS13F); font-weight:700}
.reviewWrite .reviewPointguide li em				{color:var(--IDTcolor)}
.reviewWrite .reviewPointguide li:before			{content:''; position:absolute; top:6px; left:0px; width:6px; height:4px; background-color:var(--mygray); border:1px solid var(--mygray); border-radius:2px;}
.reviewWrite .reviewPointguide li:last-child		{margin-bottom:0px;}

/* item_info order.css 병행사용 */
.reviewWrite .item_info								{margin-bottom:20px;}
.reviewWrite .item_info .goodsImg img				{width:60px; height:60px; border-radius:4px;}
.reviewWrite .item_info .goodsTitle a				{font-size:var(--FS16); font-weight:var(--FW700F);}

.reviewWrite .completionForm						{display:flex; align-items:center; margin-bottom:15px;}
.reviewWrite .completionForm li						{}
.reviewWrite .completionForm li.title				{font-size:var(--FS14); font-weight:var(--FW800); color:var(--black); margin-right:10px}

.reviewWrite .completionTextarea					{display:flex; flex-direction:column; align-items:center; list-style:none;}
.reviewWrite .completionTextarea textarea			{display:flex; width:100%; font-size:var(--FS14)}
.reviewWrite .completionTextarea .limitArea			{display:flex; justify-content:flex-end; padding:5px 0; width:100%; font-family:var(--FFR); font-size:var(--FS12F)}

.reviewWrite .snsForm								{display:flex; flex-direction:column; align-items:center; list-style:none;}
.reviewWrite .snsForm li.title						{display:flex; align-items:center;font-size:var(--FS14); font-weight:var(--FW800); color:var(--black); margin-bottom:5px}
.reviewWrite .snsForm li.title i					{padding-right:5px;}
.reviewWrite .snsForm li							{display:flex; width:100%;}

/* 적립금지급 유의사항 */
.reviewWrite .caution								{display:flex; flex-direction:column; width:100%; margin:15px auto;}
.reviewWrite .caution a.titleBtn					{display:flex; justify-content:space-between; align-items:center; position:relative; width:100%; padding:15px 0; font-size:var(--FS16); font-weight:var(--FW800); color:var(--black); border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.reviewWrite .caution a.titleBtn i.view_arrow		{position:absolute; transition:all 0.4s; right:5px; margin-top:-4px; width:9px; height:9px; border:2px solid #888; border-top:none; border-right:none; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.reviewWrite .caution a.titleBtn i.view_arrow.open	{transition:all 0.4s; margin-top:2px; transform:rotate(135deg); border:2px solid var(--IDTcolor); border-top:none; border-right:none;}

.view_content										{max-height:0; overflow:hidden; transition:max-height 0.2s ease-out, padding 0.2s ease-out; background-color:#f1f1f1; padding:0 15px;  font-size:var(--FS13)}
.view_content.open									{max-height:100%; padding:15px 15px;}


/*******************************************************************************************************************************************
* 고객센터 상단 - 2019.07.26 : FUNNY
*******************************************************************************************************************************************/
.CSsrch						{padding:30px 20px; border-bottom:solid 1px #CCC; border-top:2px solid var(--IDTcolor); background:#FFF; position:relative; margin:20px auto 30px auto; text-align:center;}
.CSsrch .txt				{display:inline-block; text-align:left; vertical-align:middle; margin-right:20px;}
.CSsrch .txt .mtitle		{display:block; font-size:0.875rem; line-height:25px; font-weight:500; color:#666; letter-spacing:-1px; margin-top:-3px;}
.CSsrch .txt .stitle		{display:inline-block; font-size:0.75rem; line-height:18px; color:#999; letter-spacing:-1px;}
.CSsrch .txt .stitle em a	{font-size:0.75rem; line-height:16px; color:#FFF; border-radius:2px; background:var(--IDTcolor); padding:0 5px;}
.CSsrch input				{display:inline-block; font-size:0.875rem; color:#373737; vertical-align:middle; letter-spacing:-0.02em;}
.CSsrch .inputSrch			{display:inline-block; width:300px; height:34px; padding:0 6px; border:none; margin:0x; background-color:#fff; font-size:0.75rem; border:1px solid var(--IDTcolor);}
.CSsrch .btn				{display:inline-block; width:100px; height:34px; background:var(--IDTcolor); margin:0x; border:1px solid #53a222; font:14px celmonHG_60; color:#FFF; letter-spacing:0em;}

@media screen and (max-width:1279px) {
.CSsrch						{padding:20px 10px; border-bottom:solid 1px #53a222; border-top:1px solid #53a222; background:#FFF; position:relative; margin:10px auto; text-align:center;}
.CSsrch .txt				{display:inline-block; text-align:left; margin-right:0px; margin-bottom:10px; padding:0px; width:100%;}
.CSsrch .inputSrch			{display:inline-block; width:calc(100% - 110px);  height:34px; padding:0 6px; border:none; margin:6px 0; background-color:#fff; font-size:0.75rem; border:1px solid #53a222;}
.CSsrch .btn				{display:inline-block; width:100px; height:34px; background:var(--IDTcolor); border:1px solid #53a222; font:14px celmonHG_60; color:#FFF; letter-spacing:0em;}
}


/*******************************************************************************************************************************************
*	MyPage Address : 2021.02.04
*******************************************************************************************************************************************/
/* List */
.addrList						{display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:10px;}
.addrList_content				{width:calc(100% - 50px); font-size:0.813rem;}
.addrList_actArea				{display:flex; flex-direction:column; align-items:stretch; width:50px;}

.addrList_content li			{display:block ;width:100%; text-overflow:ellipsis; white-space:initial; overflow:hidden; line-height:26px;}
.addrList_content li .loca_name	{font-size:0.875rem; font-weight:700; color:#000;}
.default_addr_tag				{height:20px; line-height:20px; text-align:center; padding:0 5px; margin-left:10px; background:#333; border:1px solid #333; color:#FFF; border-radius:10px; font-size:0.75rem; color:#FFF;}


/* Search */
.addrSet .pop_body			{height:100%; padding-bottom:0; padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom);}
.addrSet .btnWRAP i			{width:20px; height:20px;}

/* Search by Search Text */
.addrSet .srch_result, 
.addrSet .srch_Mresult				{margin:0px auto;}
.addrSet .srch_result li,
.addrSet .srch_Mresult li			{font-size:var(--FS-small); font-weight:var(--FW600); padding:12px 5px; border-bottom:1px solid #EEE;}
.addrSet .srch_result li .addr,		
.addrSet .srch_Mresult li .addr		{text-align:left; letter-spacing:-0.5px; line-height:1.5;}
.addrSet .srch_result li .addr .lot_num,
.addrSet .srch_Mresult li .addr .lot_num	{display:inline-block; padding:0 4px; border:1px solid var(--IDTcolor); border-radius:2px; font-size:var(--FS-m-small); margin-right:2px; color:var(--IDTcolor)}
.addrSet .srch_result li .zipcode,	
.addrSet .srch_Mresult li .zipcode	{font-weight:500; letter-spacing:-0.2px;}

.addrSet .addr_sch_tip				{display:inline-block; width:100%; border:1px solid #EEE; border-radius:4px; padding:10px 20px; font-style:normal;}
.addrSet .addr_sch_tip .addrtip		{display:block; font-size:13px; font-weight:700; color:#333; margin:10px auto;}
.addrSet .addr_sch_tip ul.HMT 		{padding:0px; font-size:0.75rem; line-height:20px;}

.addrSet .addr_sch_myaddress		{display:inline-block; width:100%; border:1px solid #EEE; border-radius:4px; margin-top:20px; padding:10px 10px; font-style:normal; height:350px;}
.addrSet .addr_sch_myaddress .tit	{display:block; font-size:var(--FS-mm-medium); font-weight:800; letter-spacing:-1px; color:#333; margin:5px auto; padding:0px 5px 10px; border-bottom:1px solid #AAA;}
.addrSet .addr_sch_myaddress .srch_Mresult.myAdr	{overflow-x:hidden; overflow-y:auto; height:280px;}


/* Search by Drag */
.addrSet .drag_result				{margin:15px auto; padding:10px;}
.addrSet .drag_result .result_addr	{font-size:0.875rem; color:#333;}

/* 지도 결과 */
.juso_result {font-weight:var(--FW600); font-size:var(--FS-medium); line-height:var(--iptbtnHeight); color:#000}


/*******************************************************************************************************************************************
*	MyPage Scrap : 2023.02.02
*******************************************************************************************************************************************/
/* Scrap List */
.scrap_list 							{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:auto; align-content:start; list-style:none; margin:0; padding:0;}
.scrap_list li							{flex:0 0 auto; width:calc(50% - 10px); margin-bottom:20px;}
.scrap_list li .scrapArea				{display:flex;}	
.scrap_list li .thumb					{width:100px; margin-right:25px;}
.scrap_list li .thumb img				{width:100px; height:100px; border:none; border-radius:4px;}

.scrap_list li .detail					{width:calc(100% - 125px); display:flex; justify-content:flex-start; align-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap:wrap;}
.scrap_list li .detail .scrapAct		{position:relative; width:100%; display:flex;}
.scrap_list li .detail .scrapAct .scrap_date{width:100%; font-size:0.688rem; color:#999; letter-spacing:0em;}
.scrap_list li .detail .scrapAct i		{position:absolute; top:-10px; right:-10px; font-size:18px; color:#BBB; cursor:pointer;}

.scrap_list li .detail .scrap_title		{width:100%; font-size:0.875rem; font-weight:600; color:#444; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.scrap_list li .detail .scrap_further 	{font-size:0.75rem; color:#BBB; letter-spacing:-0.03em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.scrap_list li .detail .scrap_amounts	{width:100%;}

@media screen and (max-width:980px){
	.scrap_list li .scrapArea			{padding:20px;}	
	.scrap_list li 						{width:100%; margin-bottom:10px;}

	.scrap_list li .thumb				{width:115px;}
	.scrap_list li .detail				{width:calc(100% - 115px); display:flex; justify-content: flex-start; align-content: space-between; align-items: flex-start; flex-direction: row; flex-wrap: wrap;}
}

/* SOLD OUT */
.scrap_list li .scrapArea .thumb .soldout			{position:absolute; width:100px; height:100px; background:rgba(0,0,0,0.65); z-index:5; text-align:center; margin:0 auto; border-radius:4px;}
.scrap_list li .scrapArea .thumb .soldout .cc		{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:80px; height:80px; text-align:center; border:2px solid #FFF; border-radius:50%; border-width:2px 2px 2px 2px;border-color: #ffffff transparent #ffffff transparent;}
.scrap_list li .scrapArea .thumb .soldout .cc em	{position:relative; font-size:20px; font-weight:500; letter-spacing:-1.5px; color:#FFF; top:calc(50% - 15px);}

/* 마감임박 */
.scrap_list li .scrapArea .thumb .Gsoldout		{position:absolute; width:26px; height:25px; background:transparent; z-index:5; text-align: center; margin:0 auto; font:12px/12px celmonHG_80; color:#633691; border:2px solid #633691; border-radius:2px;}