@charset "utf-8";

/* 회원가입 */
.top_navi				{display:inline-block; width:100%; padding-bottom:20px;}
.top_navi li			{display:block; width:calc(33.333% - 3px); text-align:center; position:relative; border:1px solid #ddd; margin-right:3px; background:#fff; float:left; font-family:GongGothic; font-size:20px; font-weight:900; letter-spacing:-1px; padding:15px 10px 15px 15px; border-radius:7px}
.top_navi li.on			{color:#fff;border:1px solid var(--IDTcolor); position:relative; z-index:1; background-color:var(--IDTcolor);}

.termsBox				{width:100%; height:200px; margin:5px 0 10px 0; padding:25px; background:#f8f8f8;border:1px solid #ddd; overflow-x:hidden; overflow-y:auto;}
.total_agree			{width:100%; text-align:center; box-sizing:border-box; clear:both; padding:20px 0;}
.total_agree label		{font-size:18px; font-weight:800; color:#141414;}

.joinedBox				{position:relative;text-align:center;padding:50px 0;width:100%;overflow:hidden}
.joinedBox dl dt		{font-family:GongGothic; font-weight:900; font-size:30px; color:#333; margin:50px 0 20px 0;}
.joinedBox dl dd		{line-height:27px; font-size:17px;}


@media screen and (max-width:997px) {
	.top_navi li		{font-size:16px;}

	.termsBox			{padding:10px;}

	.joinedBox dl dt	{font-size:20px;}
	.joinedBox dl dd	{line-height:20px; font-size:15px;}
}

/*******************************************************************************************************************************************
*	LOGIN
*******************************************************************************************************************************************/
#login									{width:100%; max-width:300px; margin:0px auto 0px auto; padding:0px;}
#login input							{position:relative; font-size:16px; padding:0px 20px; width:100%; height:60px; border:1px solid #dcdcdc; background:#FFFFFF; z-index:1;}
#login input::-webkit-input-placeholder	{font-size:14px; font-weight:500; line-height:60px; color:#888;}
#login input::-moz-placeholder			{font-size:14px; font-weight:500; line-height:60px; color:#888;}
#login input:-moz-placeholder			{font-size:14px; font-weight:500; line-height:60px; color:#888;}
#login input:-ms-input-placeholder		{font-size:14px; font-weight:500; line-height:60px; color:#888;}

#login input.login_id					{border-radius:6px 6px 0px 0px !important; border-width:1px; border-color:#DCDCDC #DCDCDC transparent #DCDCDC !important; border-style:solid;}
#login input.login_pw 					{border-radius:0px 0px 6px 6px !important; border-width:1px; border-color:#DCDCDC #DCDCDC #DCDCDC #DCDCDC !important; border-style:solid;}
#login input.login_id:focus				{border-width:1px; border-color:var(--IDTcolor) var(--IDTcolor) var(--IDTcolor) var(--IDTcolor) !important; border-style:solid; background:#FFF;}
#login input.login_pw:focus				{border-width:1px; border-color:var(--IDTcolor) var(--IDTcolor) var(--IDTcolor) var(--IDTcolor) !important; border-style:solid; background:#FFF;}

#login input.login_id.only				{border-radius:6px !important; border-width:1px; border-color:#DCDCDC #DCDCDC #DCDCDC #DCDCDC !important; border-style:solid;}
#login input.login_id.only:focus		{border-width:1px; border-color:var(--IDTcolor) var(--IDTcolor) var(--IDTcolor) var(--IDTcolor) !important; border-style:solid; background:#FFF;}

#login input.login_btn 					{width:100%; height:50px; margin:20px auto; font-size:20px; font-weight:500; color:#fff; background:var(--IDTcolor); letter-spacing:-1px; border:0; cursor:pointer;}
#login input.login_btn:hover 			{background:var(--IDTcolor-darker);}
#login label.error						{float:left; display:block; font-size:15px; line-height:22px; color:#eb3300; margin:5px 10px 0 0;}

#login .login_help						{margin-top:15px; text-align:center;}
#login .login_help a					{font-size:15px; font-weight:700; color:#555;}
#login .login_help a:hover				{color:#00285B;}
#login .login_help a:not(:last-child):after	{content:""; display:inline-block; margin-right:10px; padding-right:10px; height:12px; border-right:1px solid #CCC; vertical-align:-2px;}

@media screen and (max-width:980px) {
	#login								{margin:8% auto 0px auto;}
}




/* ID, Password Find */
.loginHMT		{display:inline-block; width:100% !important; margin:15px auto !important; padding:15px !important; background:#eff0f5 !important; border-top:1px solid #dbdde2 !important; border-bottom:1px solid #dbdde2 !important; border-radius:2px;
				font-size:14px; font-weight:500; line-height:20px; letter-spacing:-1px; color:#959595; text-align:left;}
.loginHMT ul	{list-style-position:inside; word-break:break-all;}
.loginHMT li	{list-style-type:disc; margin-bottom:0.5em; margin-left:20px !important;}
.loginHMT li:last-child{margin-bottom:0px;}


.find_tbl							{width:100%; box-sizing:content-box; box-sizing: border-box;}
.find_tbl ul						{border-bottom:1px solid #999; padding-bottom:10px;}
.find_tbl ul.nogap					{border-bottom:none; padding:0px;}
.find_tbl li						{width:100%; text-align:left; display:inline-block; margin:5px auto;}

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

.find_tbl a.BtnCheck				{display:inline-block; min-width:100px; height:42px; margin-left:-2px; padding:0 15px; background:#5db626; color:#FFF; border:none; border-radius:0 2px 2px 0; cursor:pointer;  font-size:13px; line-height:42px;  letter-spacing:-0.07em; text-align:center; vertical-align:middle; text-decoration: none;}

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

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