@charset "utf-8";

/*******************************************************************************************************************************************
*	LOGIN
*******************************************************************************************************************************************/
#login									{width:95%; max-width:1400px; margin:50px auto; padding:30px 50px; border:1px solid #dcdcdc; background:#FFF; border-radius: 50px 0px;}

#login h2.title {font-size:40px;}
#login h2.title span {font-size:40px;}


#login input.inputcss						{position:relative; padding:0px 20px; width:100%; height:40px; font-size:20px; font-weight:500; border:1px solid #dcdcdc; z-index:1; box-sizing: border-box; margin-bottom:10px;}
#login input::-webkit-input-placeholder	{font-size:15px; line-height:60px; color:#C6C6C6; letter-spacing:0em;}
#login input::-moz-placeholder			{font-size:15px; line-height:60px; color:#C6C6C6; letter-spacing:0em;}
#login input:-moz-placeholder			{font-size:15px; line-height:60px; color:#C6C6C6; letter-spacing:0em;}
#login input:-ms-input-placeholder		{font-size:15px; line-height:60px; color:#C6C6C6; letter-spacing:0em;}
#login input.login_pw 					{margin-top:-1px;}
#login input.login_btn 					{width:100%; height:40px; margin-top:15px; font-size:18px; color:#fff; background:#ee7500; letter-spacing:-0.05em; border:0; cursor:pointer;}
#login input.login_btn:hover 			{background:#de6800;}
#login .nologinWRAP						{ width:100%;}
#login .login_none						{position:relative; width:100%; margin-bottom:90px;}
#login a.nologin_btn 					{width:100%; height:50px; font-size:22px; color:#fff; background:#ee7500; letter-spacing:-0.05em; text-align:center; padding:7px 20px;}
#login a.nologin_btn:hover 				{background:#de6800;}

#login .login_help						{margin-top:15px; text-align:right; }
#login .login_help a					{font-size:15px; color:#8c8c8c;}
#login .login_help a:hover				{color:#ee7500;}
#login .login_help a:not(:last-child):after	{content:""; display:inline-block; margin-right:8px; padding-right:11px; height:12px; border-right:1px solid #CCC; vertical-align:-2px;}
#login .login_help label.aln	{margin-right:8px; padding-right:11px; border-right:1px solid #CCC;}

#login .login_help label				{font-size:15px; color:#8c8c8c;}

.login_sns								{display:inline-block; width:100%; margin:10px auto; text-align:center;}
.login_sns a							{display:inline-block; box-sizing:border-box; margin:5px 0px; text-align:center; height:40px; -webkit-border-radius:2px; border-radius:2px; font-size:15px; font-weight:400; width:calc(50% - 4px); padding-top:7px; letter-spacing:0px;}
.login_sns a.facebook					{color:#5470ac; border:1px solid #5470ac; background:#eef3fd;}
.login_sns a.facebook:hover			{background:#5470ac; color:#FFF;}
.login_sns a.naver						{color:#2dbe00; border:1px solid #2dbe00; background:#ebfce5; height:80px; padding-top:28px;}
.login_sns a.naver:hover				{background:#2dbe00; color:#FFF;}
.login_sns a.instagram					{color:#6b45bf; border:1px solid #6b45bf; background:#ece4fc;}
.login_sns a.instagram:hover			{background:#6b45bf; color:#FFF;}
.login_sns a.kakao						{color:#ffd31f; border:1px solid #ffd31f; background:#fdf9eb; height:80px; padding-top:28px;}
.login_sns a.kakao:hover				{background:#ffd31f; color:#FFF;}

.btnED {margin: 25px auto; text-align: center; display: block; width: 30%; height: 45px;line-height: 45px; background: #007877; border-radius: 45px; color: #fff; font-size: 20px; font-weight: 500;}


@media screen and (max-width:500px) {
	#login {padding:0px 0px; margin:0px auto; border:none;}
	#login h2.title {text-align:center;}
}


/*******************************************************************************************************************************************
*	JOIN [S]
*******************************************************************************************************************************************/
/* 약관 리스트 */
.agree_WRAP								{background:#fff; border:1px solid #d2d2d2; position:relative; margin-bottom:15px;}
.agree_WRAP .agreelist					{margin:0;}
.agree_WRAP .agreelist >li				{padding:15px 15px; border-top:1px solid #ededed; font-size:15px; line-height:18px; color:#000;}
.agree_WRAP .agreelist >li:first-child	{border-top:0;}
.agree_WRAP .agreelist >li label		{margin-left:5px;}
.agree_WRAP .agreelist >li a.btnAll		{border:1px solid #c2c2c2; float:right; height:22px; line-height:22px; padding:0 4px; font-size:11px; line-height:22px; font-weight:400; color:#666; border-radius:1px; background:linear-gradient(to bottom,#FFFFFF 50%,#EDEDED 50%);}
.agree_WRAP .agreelist >li.Allcheck {border:2px solid #111; font-size:15px; line-height:17px; font-weight:400; color:#444; background: #f9f9f9;}

/* 회원가입 */
.memjoin_tbl							{width:100%; box-sizing:content-box; box-sizing: border-box;}
.memjoin_tbl ul							{border-bottom:1px dashed #999; padding:5px 0;}
.memjoin_tbl ul.nogap					{border-bottom:none; padding:0px;}
.memjoin_tbl li							{width:100%; text-align:left; display:flex; flex-wrap:wrap; margin:10px auto; align-items:center;}
.memjoin_tbl li span.tit				{width:100px; display:inline-block; margin:10px 20px 10px 0px; border-right:1px solid #ddd;}

.memjoin_tbl li .blk_title				{display:block; font-size:14px; line-height:34px; color:#000; letter-spacing:0em;}
.memjoin_tbl li .blk_title em			{padding-left:20px; font-size:11px; line-height:34px; color:#000; letter-spacing:0em;}

.memjoin_tbl a.BtnCheck					{display:inline-block; min-width:100px; height:38px; margin-left:-2px; padding:0 15px; background:#ee7500; color:#FFF; border:none; border-radius:0 2px 2px 0; cursor:pointer; font-size:14px; line-height:38px; text-align:center; vertical-align:middle; text-decoration: none; border-radius: 8px; margin: 0px 5px;}

.inputBox01 {width: 50%; min-width: 100px; margin-right: 10px;}
.selectBox01 {border: 1px solid #ddd; border-radius: 5px; padding: 10px 15px;}
.memjoin_tbl .add_01,
.memjoin_tbl .add_02,
.memjoin_tbl .add_03 {width: 100%; margin-bottom: 5px; display: flex; flex-wrap:wrap;}

.infoOK									{margin:20px auto; font-size:15px; line-height:20px; color:#000;} /* 기본 배송지 설정, 수신동의 (Check박스의 Label) */

.memjoin_tbl .file_addplus				{display:inline-block; width:50px; text-align:right;}
.memjoin_tbl .file_addplus a i			{display:inline-block; font-size:24px; line-height:40px; color:#BBB;}
.memjoin_tbl label.error				{float:left; display:block; font-size:11px; line-height:22px; color:#ee7500; margin:5px 10px 0 0;}


/*******************************************************************************************************************************************
*	약관 (페이지내 모든 약관 컨트롤) - 2019.08.28 : FUNNY
*******************************************************************************************************************************************/
.policy_WRAP					{display:inline-block; margin:0px 0; font-size:11px; line-height:17px; background:#FFF; color:#000; padding:25px;}
.policy_WRAP H8					{display:block; font-size:14px; line-height:40px; letter-spacing:0.1em; color:#222;}
.policy_WRAP H9					{display:block; font-size:15px; line-height:25px; letter-spacing:0.2em; color:#333; border:0px;}
.policy_WRAP p					{margin-bottom:20px; font-size:12px; line-height:20px;}

.policy_WRAP ol					{list-style-position:outside; padding-left:10px; color:#000; text-align:justify; margin-bottom:10px;}
.policy_WRAP ol li				{margin-left:10px; list-style-type:Decimal; font-size:12px; line-height:22px; letter-spacing:-1px;}
.policy_WRAP ol.depth2			{list-style-position:inside; padding:5px 0; color:#000; text-align:justify; margin-left:15px}
.policy_WRAP ol.depth2 li		{list-style-type:square;}

table.policyTBL					{width:100%; margin:10px 0; color:#000; border-top:1px solid #BBB; border-collapse:collapse; padding:0px; border-spacing:0px;}
table.policyTBL thead th		{text-align:center; padding:5px 0; font-size:11px; line-height:16px; border-right:1px solid #FFF; letter-spacing:-0.1em; color:#FFF; background:#a4a4a4;}
table.policyTBL tbody th		{padding:5px 10px; text-align:center; border-right:1px solid #cdcdcd; background:#FFF;}
table.policyTBL tbody td		{padding:7px 10px 5px 10px; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; color:#000;}
table.policyTBL tbody td.first	{border-left:0px; text-align:center; font-size:11px; line-height:20px; font-weight:400;}

@media screen and (max-width:500px) {
	.policy_WRAP H8 {font-size:12px; line-height:20px; letter-spacing:-0.01em; margin-bottom:5px;}
	
	.memjoin_tbl ul li .N11 {text-align:center; font-size:13px; width:100%; color:#F30; margin-top:5px;}
	
	#login h2.title {font-size: 30px; text-align: center;}
	
	.memjoin_tbl li span.tit {width: 100%; display:inline-block; border-right: none;background: #fafafa; padding:8px 10px;text-align: center; margin:0px; margin-bottom:10px;}
	
	.memjoin_tbl li {justify-content:center;}
	.inputBox01 {width: 100%; margin-right:0px;}
	.required {width: 100% !important; text-align: center;}
	.add_01 {justify-content:space-between;}
	.add_01 >input {width: 48% !important;}
	.add_02 >input,
	.add_03 >input,
	#mb_email {width:100% !important;}
	.memjoin_tbl a.BtnCheck {width: 48%;}
	.custom-select {width: 100%!important;}
	.custom-select >.selectBox01 {width: 100% !important;}
}


/* 회원가입 완료 */
.joinOK h2{text-align: center; font-size:18px; color: #333;}
.joinOK div.jointxt{padding: 50px 0;}
.joinOK div.jointxt p{font-size: 12px; color: #888; margin-top:8px; text-align: center; letter-spacing: -1px;} 


/* 회원선택 */
.logintype_WRAP							{display:inline-block; width:100%; margin:15px auto; padding:25px 0 0 0; border-top:1px solid #DEDEDE; text-align:center;}
.logintype_WRAP li						{float:left; margin:0 10px; width:calc(50% - 15px); border:0; text-align:center;}
.logintype_WRAP li:first-child			{margin-left:0px; float:left;}
.logintype_WRAP li:last-child			{margin-right:0px; float:right;}
.logintype_WRAP li a					{display:block; padding:25px 0; font-size:15px; color:#000; border:1px solid #DDD; background:#F1F1F1; letter-spacing:-0.07em;}
.logintype_WRAP li a[data-provider="Login_type01"].clk	{background:#2d3c60; border:1px solid #24304d; color:#FFF;}
.logintype_WRAP li a[data-provider="Login_type02"].clk	{background:#0067d0; border:1px solid #005cb9; color:#FFF;}
.logintype_WRAP li a[data-provider="Login_type03"].clk	{background:#00d1bb; border:1px solid #00ae9c; color:#FFF;}
.logintype_WRAP li a[data-provider="Login_type04"].clk	{background:#0098d1; border:1px solid #0082b3; color:#FFF;}
.logintype_WRAP li a:hover				{transition:width 0.15s ease-in-out;
										-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
										transition:opacity 0.35s, transform 0.35s;
										-webkit-transform:translate3d(0px,-10px,0);
										transform: translate3d(0px,-10px,0);}
										
.logintype_WRAP li a .subtxt			{display:block; margin-top:25px; min-height:40px; padding:20px 20px 0 20px; font-size:15px; color:#000; letter-spacing:0em; border-top:1px solid rgba(0,0,0,0.05);}
.logintype_WRAP li a .subtxt.clk		{color:#FFF; letter-spacing:0em; border-top:1px solid rgba(255,255,255,0.2);}

@media only screen and (max-width:500px){
	.logintype_WRAP li a				{display:block; padding:25px 0; font-size:15px; color:#666; border:1px solid #DDD; background:#F1F1F1; letter-spacing:-0.07em;}
	.logintype_WRAP li a .subtxt		{display:block; margin-top:25px; min-height:40px; padding:20px 20px 0 20px; font-size:11px; color:#999; letter-spacing:0em; border-top:1px solid rgba(0,0,0,0.05);}
	.logintype_WRAP li a .subtxt.clk	{color:#FFF; letter-spacing:0em; border-top:1px solid rgba(255,255,255,0.2);}
}


/*******************************************************************************************************************************************
*	FIND ID/PASS
*******************************************************************************************************************************************/
.find_id	h2				{margin:0px auto; text-align:center; font-size:22px; color:#000; letter-spacing:0.6em;}
.find_pass	h2				{margin:0px auto; text-align:center; font-size:22px; color:#000; letter-spacing:0.6em;}
@media screen and			(width:320px){.find_pass h2	{letter-spacing:0.45em;}}

.find_result h2				{margin:0px auto; text-align:center; font-size:22x; color:#000; letter-spacing:0.6em;}
.find_result .ment			{display:block; padding:5px 0; text-align:center; width:100%; background:#FFF; border:1px solid #EDEDED; font-size:14px; letter-spacing:-0.06em; color:#666;}
.find_id .m-chk-login-lab	{font-size:14px; color:#777;}
.find_id .find_name			{font-size:16px; color:#222;}
.find_id .biz_name			{font-size:16pxm; color:#222;}

.find_id li					{padding:10px 15px; border-top:1px solid #ededed;}
.find_id li:first-child		{border-top:0;}
.find_id li input.basic		{width:100%; height:29px; font-size:15px; letter-spacing:-0.03em; padding:0 3px; color:#333; -webkit-appearance:none; -webkit-border-radius:3px;
							border-top:1px solid #E5E5E5; border-right:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2; border-left:1px solid #E5E5E5; background:#F9F9F9;}
.find_id li span.tel		{width:24%; display: inline-block; box-sizing: border-box; border-right:1px solid #ededed;}
.find_id li span.tel select	{width:90%; height:32px; -webkit-border-radius:3px; border:1px solid #E5E5E5; background:#FFF;}
.find_id li.choice			{font-size:14px; letter-spacing:-0.05em; color:#777;}
.find_id li.choice .gap		{display:inline-block; width:30px;}

/* INPUT placeholder style */
::-webkit-input-placeholder		{color:#BBB;}
::-moz-placeholder				{color:#BBB;} /* firefox 19+ */
:-ms-input-placeholder			{color:#BBB;} /* ie */
input:-moz-placeholder			{color:#BBB;}



/*******************************************************************************************************************************************
*	MYPAGE - 2020.03.17 : FUNNY
*******************************************************************************************************************************************/
.myinfo_sum								{display:inline-block; width:100%; padding:25px 20px; background:#F8F8F8; border:1px solid #DDD; border-bottom:none;}
.myinfo_sum .user_greeting				{display:inline-block; padding:10px 0px; font-size:20px; color:#777; letter-spacing:-2px; white-space:nowrap;text-overflow:ellipsis}
.myinfo_sum .user_greeting em 			{font-size:20px; color:#ee7500; letter-spacing:-1px; padding:20px 0 0 0;}
.myinfo_sum .user_edit					{display:block;}
.myinfo_sum .user_edit ul				{}
.myinfo_sum .user_edit li				{float:left; padding:0px;}
.myinfo_sum .user_edit li:after			{display:inline-block; content:''; font-weight:100; color:#DDD; margin:0 10px;}
.myinfo_sum .user_edit li:not(:last-child):after {content:'|';}

.myinfo_sum .user_edit li a				{font-size:14px; line-height:40px; color:#757575; letter-spacing:-1px;}
.myinfo_sum .user_edit li a:hover		{color:#ee7500; text-decoration:underline;}

.myinfo_sum .user_edit li .hot32mem		{font-size:14px; line-height:40px; color:#ee7500; letter-spacing:-1px;}

.myinfo_sum .user_count					{position:relative; float:right; margin:0;}

.cntMenu								{font-size:0; text-align:right; margin-top:-40px; }
.cntMenu>li								{display:inline-block; margin-top:10px; font-size:15px; letter-spacing:-1px; border-left:1px #DEDEDE solid; }
.cntMenu>li:first-child					{border-left:none;}
.cntMenu>li>a							{display:block; box-sizing:border-box; text-align:center; padding:0 10px; min-width:120px; }
.cntMenu .title							{display:block; color:#777; letter-spacing:-1px;}
.cntMenu .cont							{display:block; padding-top:10px;}
.cntMenu .num							{font-size:30px font-weight:300; letter-spacing:0px; line-height:1.0; color:#333;}

@media only screen and (max-width:1000px) {
	.myinfo_sum							{text-align:center;}
	.myinfo_sum .user_greeting			{display:inline-block; width:100%;}
	.myinfo_sum .user_edit				{display:inline-block; text-align:center;}
	.myinfo_sum .user_count				{position:relative; float:none; margin:0; border-top:1px #DEDEDE solid;}
	.cntMenu							{display:inline-block; width:100%; font-size:0; text-align:center; margin-top:20px !important;}
	.cntMenu>li>a						{min-width:100px;}
}

@media only screen and (max-width:500px) {
	.myinfo_sum .user_edit li a			{font-size:12px; line-height:40px;}
.myinfo_sum .user_edit li .hot32mem		{font-size:12px; line-height:40px;}
	.cntMenu>li							{margin-top:10px; font-size:15px; letter-spacing:-1px; border-left:1px #DEDEDE solid;}
	.cntMenu>li>a						{display:block; box-sizing:border-box; text-align:center; padding:0 10px; min-width:80px; }
	.cntMenu .num						{font-size:20px; font-weight:400; letter-spacing:0px; line-height:1.0; color:#333;}
}

.colorline {overflow:hidden; width:100%; margin:0px; padding:0px; height:2px;
 background:#f39800;}

@-webkit-keyframes MoveBG {
0%	{background-position:0% 50%}
50%	{background-position:100% 50%}
100%{background-position:0% 50%}
}

@-moz-keyframes MoveBG {
0%	{background-position:0% 50%}
50%	{background-position:100% 50%}
100%{background-position:0% 50%}
}

@-o-keyframes MoveBG {
0%	{background-position:0% 50%}
50%	{background-position:100% 50%}
100%{background-position:0% 50%}
}

@keyframes MoveBG {
0%	{background-position:0% 50%}
50%	{background-position:100% 50%}
100%{background-position:0% 50%}
}


/* 진행중인 주문 내역 - 2018.05.18 : FUNNY */
.odr_area						{display:block; width:100%; background:#fff; border:1px solid #DDD; border-top:none; webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.odr_area H5					{padding:15px 0; color:#3b454d; font-size:16px; letter-spacing:-0.05em; text-align:center;}

.odr_step						{display:block; overflow:hidden; border-top:1px solid #eaeaee; padding:20px 0;}
.odr_step li					{float:left; width:20%; height:120px; text-align:center; vertical-align:middle}
.odr_step li a					{position:relative; padding-right:8px; -webkit-perspective:100px; perspective:100px; }
.odr_step li a:after			{position:absolute; top:70px; right:0; 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 a		{padding-right:0;}
.odr_step li:last-child a:after	{display:none;}
.odr_step li a span				{display:-webkit-box; display:box; height:32px; padding:20px 0 3px 0; font-size:16px; line-height:18px; color:#777; font-weight:500; letter-spacing:-1px; text-align:center; -webkit-box-align:center; box-align:center; -webkit-box-pack:center; box-pack:center;}
.odr_step li em					{display:block; margin-top:60px; font-size:20x; font-weight:400; letter-spacing:0em;}

@media screen and (max-width:500px) {
.odr_step li a span				{display:-webkit-box; display:box; height:32px; padding:20px 0 3px 0; font-size:14px; color:#777; font-weight:400; letter-spacing:-0.05em; text-align:center; -webkit-box-align:center; box-align:center; -webkit-box-pack:center; box-pack:center;}
}

.odr_st							{overflow:hidden; width:100%; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; }
.odr_st li:first-child			{width:33.4%;}
.odr_st li						{float:left; width:33.3%; border-top:1px solid #eaeaee; background:#f7f7f7; }
.odr_st li:first-child a		{border-left:none;}
.odr_st li a					{display:block; overflow:hidden; height:50px; padding:0 22px; border-left:1px solid #eaeaee; font-size:15px; line-height:50px; font-weight:500; color:#666; letter-spacing:-1px;}
.odr_st li a span				{float:left;}
.odr_st li a em					{float:right; font-size:16px; font-weight:400; color:#df1c0d; letter-spacing:0em;}

/* 주문배송,구매확정 내역 - 2020.03.17 : FUNNY */
.ordchk_area 					{display:inline-block; width:100%; background:#FFF; margin:15px auto;  webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.ordchk_area li					{float:left; display:inline-block; width:50%; border:1px solid #dadbdd;}
.ordchk_area li:first-child		{border-right:none;}
.ordchk_area a					{display:block; position:relative; padding:20px 10px 20px 20px; font-size:16px; color:#555; letter-spacing:-1.0px;}
.ordchk_area li:hover			{border:1px solid #ee7500; background:#fffff1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.ordchk_area li:hover a			{color:#ee7500;}
.ordchk_area a i.go_arrow		{position:absolute; top:27px; right:20px; width:9px; height:9px; border:2px solid #AAA; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.ordchk_area li:hover a i.go_arrow	{border:2px solid #ee7500; border-top:none; border-left:none;}

.ordchk_area .orcount			{float:right; font-size:18px; font-weight:500; color:#ee7500; margin-right:25px; text-align:right; letter-spacing:0em;}

/* 상품현황 바로가기 */
.myat_qmenu						{position:relative; background:#fff; margin-top:20px; border-top:1px solid #dadbdd; webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1); }
.myat_qmenu li					{position:relative; border-bottom:1px solid #dadbdd;}
.myat_qmenu a					{display:block; padding:15px 10px 15px 20px;font-size:14px; color:#666; letter-spacing:-0.09em;}
.myat_qmenu a:hover				{background:#fffff1}
.myat_qmenu a .go_arrow			{position:absolute; top:22px; right:20px; width:7px; height:7px; border:2px solid #C4C4C4; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.myat_qmenu .getnum				{display:inline-block; background:#ee7500; color:#FFF; text-align:center; border-radius:100%; font-size:11px; font-weight:400; width:17px; height:17px; letter-spacing:0em; vertical-align:1px; margin-left:5px;}
.myat_qmenu .mypoint			{position:relative; display:inline-block; background:#ee7500; border-radius:3px; padding:2px 5px 2px 10px; margin-left:10px; color:#FFF; font-size:14px; font-weight:400; letter-spacing:0em;  }
.myat_qmenu .mypoint:after		{position:absolute; right:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; pointer-events: none; border-color:rgba(93, 182, 38, 0); border-right-color: #ee7500; border-width:4px; margin-top:-4px;}


/*******************************************************************************************************************************************
*	주문배송 조회 - 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-size:14px;}
@media only screen and (max-width:640px) {
.sf_month li					{font-size:14px;}
}
.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;}

/* Order Shipping List - 2019.07.30 : FUNNY Ver.1.0 */
.OSL_WRAP						{position:relative; display:block; border:1px solid #DEDEDE; margin:10px auto 0; padding:0px; width:100%; background:#FFF; box-sizing: border-box; -webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.1); box-shadow:0px 2px 3px 0px rgba(0,0,0,0.1);}
.OSL_WRAP:after					{display:block;clear:both;content:''}
.OSL							{display:flex; display:-webkit-flex; flex-direction:row; width:100%; padding:20px;}
.OSL .itemHEAD					{min-width:95px; width:calc(20% - 20px); padding:10px 20px 10px 0; border-right:1px solid #DDD;}
.OSL .itemHEAD .ord_edit		{display:inline-block; width:100%; margin:15px auto; padding:15px 0; border-top:1px solid #DDD;}
.OSL .itemWRAP					{width:100%; margin:0px;}

.itemORD_WRAP					{display:inline-block; width:100%; border-top:1px solid #DDD; margin:0 0 20px 0; padding:20px 0 0 0;}
.itemORD_WRAP:nth-of-type(1)	{border:0px none !important;}	
.itemORD						{padding:0; height:100%; text-align:left;}
.itemORD:nth-child(1)			{float:left; width:calc(85% - 40px); margin:0 20px 0 20px; padding:0;}
.itemORD:nth-child(2)			{display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:column;
								-ms-flex-pack: center;
								-webkit-justify-content: center;
								justify-content: center;
								-ms-flex-pack: center;
								-ms-flex-align: center;
								-webkit-align-items: center;
								align-items: center;
								-ms-flex-line-pack: center;
								-webkit-align-content: center;
								align-content: center;
								min-width:80px; min-height:100px; width:15%; margin:0 0 0 10px; padding:5px 5px 5px 15px; border-left:1px solid #DDD;}



/* price_OK */
.itemORD2					{padding:0; height:100%; text-align:left;}


/* 상품상세보기 일시 */
.itemORD_WRAP.detailView		{position:relative; padding:10px; width:100%; min-height:70px}

@media screen and (max-width:850px) {
.OSL							{display:flex; display:-webkit-flex; flex-direction:row; width:100%; padding:10px;}
.OSL .itemHEAD					{padding:10px 10px 10px 0; border-right:1px solid #ddd;}
.OSL .itemWRAP					{width:100%; margin:0 0 0 10px;}
.itemORD_WRAP					{margin:0 0 20px 0; padding:20px 0 0 0;}
.itemORD:nth-child(1)			{float:none; display:block; width:100%; margin:0; padding:0;}
.itemORD:nth-child(2)			{float:none; display:block; width:100%; margin:0; padding:5px 10px; text-align:left; border-left:none; min-height:auto;}
}

/* 상품 이미지, 상품명, 옵션 영역*/
.goodsInfo						{position:relative; padding:0; width:100%; min-height:70px}
.goodsInfo .goodsImg			{float:left; width:70px; height:70px; margin-right:12px;}
.goodsInfo .goodsTitle			{float:left; text-align:left; width:calc(100% - 90px); padding:0px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }

.goodsInfo .goodsTitle a		{display:block; margin-bottom:6px; font-size:15px; color:#333; word-wrap: break-word; overflow: hidden;}
.goodsInfo .goodsTitle a:hover	{color:#000;}
.goodsInfo .subtxtWRAP			{float:right; text-align:left; font-size:12px; width:calc(100% - 82px); margin-bottom:3px; padding:7px 5px; background:#fcfcfc; border:1px solid #e9e9e9;}
.goodsInfo .subtxtWRAP .subtxt	{font-size:11px; line-height:16px; color:#666;}

.goodsInfo .return				{font-size:12px; padding:7px 5px; color:#d66;}



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

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

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

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

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

/* 주문상세 정보 : 2019.07.31 - FUNNY */
.orderInfo_detail							{width:90%; margin:10px auto; border:1px solid #DEDEDE; background:#fff; position:relative; padding:10px;}
.orderInfo_detail li						{padding:10px 15px; position:relative; font-size:12px; line-height:18px; color:#777;}
.orderInfo_detail li:after					{display:table; content:"";}

.orderInfo_detail dl						{position:relative; margin-top:10px; overflow: hidden; padding:3px 2px;}
.orderInfo_detail dl:last-child				{padding-bottom:5px;}
.orderInfo_detail dt 						{float:left; width:20%; margin-left:7px; line-height:18px; color:#777;}
.orderInfo_detail dd						{padding: 0px 0px 0px 70px; letter-spacing:0em;}
.orderInfo_detail dd span					{display:block;}


/* 상품 후기(Layer Popup Type : Only Product Detail Page) - 2020.02.27 : FUNNY */
.PD_reviews							{clear:both; overflow:hidden; margin:0px auto; position:relative;}
.reviews_lst						{margin:0; border-bottom:1px solid #DDD; padding:10px 0;}
.reviews_lst li						{padding:5px 0}
.reviews_lst li a 					{display:block; padding:0px 3px 0 30px; position:relative;}
.reviews_lst a .no					{display:block; position:absolute; top:50%; left:0; min-width:21px; height:18px; font-size:11px; color:#AAA; text-align:center;}
.reviews_lst a .date				{font-size:11px; color:#999;}
.reviews_lst a .tit					{font-size:11px; color:#515151; letter-spacing:-0.08em; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.reviews_lst a  em					{float:right; display:inline; font-size:11px; color:#999;}
.reviews_lst .image					{display:inline-block; border-top:1px dashed #CCC; }
.reviews_lst .image span			{width:31%; margin:5px; float:left;}
.reviews_lst .image img			{width:100%;}
.reviews_lst .answer				{display:inline-block; width:calc(100% - 30px); font-size:12px; line-height:18px; color:#777; letter-spacing:-0.03em; margin:10px 0 0 30px; padding:15px 0 5px 0}
.reviews_lst .answer_32bus			{display:inline-block; position:relative;width:calc(100% - 30px); font-size:12px; line-height:18px; color:#ee7500; letter-spacing:-0.03em; margin:10px 0 0 30px;}
.reviews_lst .answer_32bus i		{display:inline-block; float:left; position:relative; top:4px; margin-right:7px; width:7px; height:7px; border:2px solid #ee7500; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:''; }


/* 만족도 - 2019.07.26 : FUNNY */
.evaluation							{width:100%; border:1px solid #CCC; border-radius:3px; padding:5px 0}
.evaluation table                   {width:100%;_width:100%; border-collapse:collapse; padding:0px; border-spacing:0px;}
.evaluation table td.satisfaction   {text-align:right; padding-right:10px; height:20px; border-right:1px solid #DDD; font-size:14px; color:#777; letter-spacing:-0.06em; vertical-align:bottom;}
.evaluation table td.percent        {text-align:right; padding:0 10px 0 0; border-right:1px solid #DDD; font-size:20px; letter-spacing:0em;}
.evaluation table td .pd_txt        {text-align:center; font-size:14px; color:#777; letter-spacing:-0.06em; vertical-align:15px; padding-right:5px;}


/* 앳피 내역 */
.atp_historyWrap{ padding:10px; }
.atp_history{ padding:0 10px; box-sizing: border-box; webkit-box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1); box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1); background:#fff; background:#fff; margin-bottom:20px;}
.atp_history ul li { padding:10px 10px 10px 0; font-size:0.9em; border-bottom:1px solid #e6e6e6; position:relative;}
.atp_history ul li .date { display: block; font-size: 0.8em; letter-spacing: 0px; }
.atp_history ul li .saved{  font-size: 0.75em; position: relative; float:left; width: 3em; height: 3em; color: #f4614d; line-height:3; text-align: center; border: 1px solid #f4614d; border-radius: 50%; overflow: hidden; margin-right:5px; }
.atp_history ul li .atP_save{ position:absolute; right:0px; top:20%; font-size:1.0em; color:#f4614d; }
.atp_history ul li .atP_tSave{ position:absolute; right:0px; top:50%; font-size:0.85em; color:#717171; font-weight:normal; }
.atp_history ul li:last-child {border-bottom:none;}


/*******************************************************************************************************************************************
* 고객센터 상단 - 2019.07.26 : FUNNY
*******************************************************************************************************************************************/
.CSsrch						{padding:30px 20px; border-bottom:solid 1px #CCC; border-top:2px solid #ee7500; 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:14px; line-height:25px; font-weight:500; color:#666; letter-spacing:-1px; margin-top:-3px;}
.CSsrch .txt .stitle		{display:inline-block; font-size:12px; line-height:18px; color:#999; letter-spacing:-1px;}
.CSsrch .txt .stitle em a	{font-size:12px; line-height:16px; color:#FFF; border-radius:2px; background:#ee7500; padding:0 5px;}
.CSsrch input				{display:inline-block; font-size:14px; 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:12px; border:1px solid #ee7500;}
.CSsrch .btn				{display:inline-block; width:100px; height:34px; background:#ee7500; margin:0x; border:1px solid #de6800; font-size:14px; color:#FFF; letter-spacing:0em;}

@media screen and (max-width:1279px) {
.CSsrch						{padding:20px 10px; border-bottom:solid 1px #de6800; border-top:1px solid #de6800; 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:12px; border:1px solid #de6800;}
.CSsrch .btn				{display:inline-block; width:100px; height:34px; background:#ee7500; border:1px solid #de6800; font-size:14px; color:#FFF; letter-spacing:0em;}
}


/*******************************************************************************************************************************************
* Recent View Items - 2020.03.17 : FUNNY
*******************************************************************************************************************************************/
.rv_items											{position:relative; margin:10px auto; padding:30px 0;}
.rv_items::before									{content: ""; display:block; position:absolute; top:0px; left:50%; width:7px; height:100%; background:#E5E5E5; border-radius:4px; margin-left:-4px;}

.rv_items .item										{position:relative;}
.rv_items .item::after								{content: ""; display:block; clear:both; visibility:hidden;}

.rv_items .item .road								{padding:0px; margin-top:-50px;}
.rv_items .item .road::before						{content: ""; display:block; position:absolute; top:60px; left:50%; margin-left:-20px; width:40px; height:50px; background: url(/img/good/icon_recent_notice.png) no-repeat; z-index:21}

.rv_items .item .road .itemBox						{padding:20px; width:100%; border:1px solid #E5E5E5; border-radius:10px 0 10px 0;
													box-shadow:0 5px 10px rgba(0,0,0,0.04), 0 3px 3px rgba(0,0,0,0.03);
													-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.04), 0 3px 3px rgba(0,0,0,0.03);
													-moz-box-shadow:0 5px 10px rgba(0,0,0,0.04), 0 3px 3px rgba(0,0,0,0.03);}

.rv_items .item .road .itemBox .thumbimg			{margin:0px; margin-left:10px; display:inline-block; width:100%; vertical-align:top; 
													-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out;}
.rv_items .item .road .itemBox .thumbimg a img		{height:100%; width:100%; overflow:hidden;}
.rv_items .item .road .itemBox .thumbimg a			{display:inline-block;}

.rv_items .item .road .itemBox .item_title			{display:block; width:100%; margin:12px 0px;}
.rv_items .item .road .itemBox .item_title a		{font-size:14px; letter-spacing:-1px; color:#666;}
.rv_items .item .road .itemBox .item_title a:hover	{color:#ee7500;}

.rv_items .item .road .itemBox .item_csprice		{display:block; font-size:14px; font-weight:500; color:#999; text-decoration:line-through;}
.rv_items .item .road .itemBox .item_price			{display:block; font-size:14px; font-weight:500; color:#444;}

.rv_items .item .road .itemBox .item_btn			{display:inline-block;}
.rv_items .item .road .itemBox .item_btn a			{display:inline-block; cursor:pointer;}
.rv_items .item .road .itemBox .item_btn a i		{display:inline-block; cursor:pointer;}

@media all and (max-width:750px) {
	.rv_items										{margin:0; padding:0px;}
	.rv_items::before								{left:10px;}
	.rv_items .item .road							{padding:0 0 0 45px;}
	.rv_items .item .road::before					{top:-5px; left:10px;}
	.rv_items .item .road .itemBox 					{margin:100px 0; padding:20px; width:100%; border:1px solid #E5E5E5; border-radius:10px 0 10px 0;}
	.rv_items .item .road .itemBox:after			{position:absolute; float:left; top:15px; left:20px; width:25px; border-top:7px solid #E5E5E5; content:''; z-index:20}
	.rv_items .item .road .itemBox .thumbimg		{margin:0px; margin-left:0px; display:inline-block; width:100%; vertical-align:top;}
	.rv_items .item .road .itemBox .item_btn		{float:right; position:absolute; right:20px; bottom:20px; z-index:22}
}

@media all and (min-width:750px) {
	.rv_items .item .road.lcnt .itemBox				{float:left; margin-bottom:20px; width:calc(50% - 40px); text-align:right;}
	.rv_items .item .road.lcnt .itemBox:after		{position:absolute; float:right; top:80px; right:50%; width:40px; border-top:7px solid #E5E5E5; content:''; z-index:20}
	.rv_items .item .road.rcnt .itemBox				{float:right; margin-bottom:20px; width:calc(50% - 40px); text-align:left;}
	.rv_items .item .road.rcnt .itemBox:after		{position:absolute; float:left; top:80px; left:50%; width:40px; border-top:7px solid #E5E5E5; content:''; z-index:20}
	.rv_items .item .road.lcnt .itemBox .thumbimg 	{width:120px; max-width:120px; min-width:120px; float:right; margin: 0px; margin-left:20px;}
	.rv_items .item .road.rcnt .itemBox .thumbimg 	{width:120px; max-width:120px; min-width:120px; float:left; margin: 0px; margin-right:20px;}
	.rv_items .item .road.lcnt .itemBox .item_btn	{float:left; position:absolute; left:20px; bottom:30px; z-index:22}
	.rv_items .item .road.rcnt .itemBox .item_btn	{float:right; position:absolute; right:20px; bottom:30px; z-index:22}
}