@charset "utf-8";

/*******************************************************************************************************************************************
*	LOGIN - 2023.01.19
*******************************************************************************************************************************************/
#login									{width:100%; max-width:350px; margin:5% auto 0px auto; letter-spacing:-0.03em;}
.login_sns								{width:100%; margin:10px auto; text-align:center; font-weight:600;}
.login_sns .snslogin_txt				{display:block;  position:relative; font-size:var(--FS-m-large); font-weight:700; color:#171717; margin:40px auto 30px auto;}
.login_sns .snslogin_txt:before, 
.login_sns .snslogin_txt:after			{content:''; position:absolute; left:0; top:50%; width:60px; height:1px; background-color:#AAA;}
.login_sns .snslogin_txt:after			{left:auto; right:0;}
.login_sns .snslogin_txt em				{display:block; margin:10px auto; font-size:var(--FS-m-small); color:rgba(0, 0, 0, 0.5);}

.login_sns a:hover						{opacity:0.85; filter:alpha(opacity=85); -moz-opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; transition:opacity.3s; }
.login_sns a.login_circle				{display:flex; justify-content:space-around; align-items:center; position:relative; margin:12px 0px; width:100%; height:var(--iptbtnHeight); border-radius:3px; font-size:var(--FS-medium);}
.login_sns a.login_circle.apple			{color:#3c1d1e; background-color:#FFFFFF; border:1px solid #DDD;}
.login_sns a.login_circle.kakao			{color:#3c1d1e; background-color:#f9e000;}
.login_sns a.login_circle.naver			{color:#FFFFFF; background-color:#03c75a;}
.login_sns a.login_circle.facebook		{color:#FFFFFF; background-color:#3C5999;}

.login_sns i.svg_icon.svg_sns_apple		{position:absolute; top:12px; left:15px; width:22px; height:22px;}
.login_sns i.svg_icon.svg_sns_kakao		{position:absolute; top:14px; left:16px; width:22px; height:22px;}
.login_sns i.svg_icon.svg_sns_naver		{position:absolute; top:15px; left:20px; width:15px; height:15px;}
.login_sns i.svg_icon.svg_sns_facebook	{position:absolute; top:15px; left:17px; width:20px; height:20px;}

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

@media screen and (max-width:500px) {
	.login_sns .snslogin_txt:before, 
	.login_sns .snslogin_txt:after			{display:none;}
}


#registForm								{margin:5% auto 0px auto; letter-spacing:-0.03em;}
.registHelp								{display:flex; justify-content:center; align-items:center; margin:25px auto; color:var(--mygray); font-size:var(--FS-mm-medium); font-weight:700; letter-spacing:-1px;}
.registHelp a							{margin-left:10px; font-weight:700; color:#FFF; }


/* SNS LOGGED */
.sns_loggedWRAP							{display:inline-block; width:100%; height:42px; padding:0px; line-height:40px; font-size:0.875rem; font-weight:500; color:#444;}
.sns_loggedWRAP	.logged_kakao			{display:inline-block; margin-right:5px; position:relative; top:3px; background-color:#f9e000; border-radius:2px; width:34px; height:34px;}
.sns_loggedWRAP	.logged_naver			{display:inline-block; margin-right:5px; position:relative; top:3px; background-color:#03c75a; border-radius:2px; width:34px; height:34px;}
.sns_loggedWRAP	.logged_facebook		{display:inline-block; margin-right:5px; position:relative; top:3px; background-color:#3C5999; border-radius:2px; width:34px; height:34px;}
.sns_loggedWRAP	.logged_apple			{display:inline-block; margin-right:5px; position:relative; top:3px; background-color:#EEEEEE; border-radius:2px; width:34px; height:34px;}

.sns_loggedWRAP	.logged_kakao i			{position:relative; top:4px; left:5px; width:24px; height:24px;}
.sns_loggedWRAP	.logged_naver i			{position:relative; top:1px; left:8px; width:17px; height:17px;}
.sns_loggedWRAP	.logged_facebook i		{position:relative; top:2px; left:6px; width:20px; height:20px;}
.sns_loggedWRAP	.logged_apple i			{position:relative; top:2px; left:6px; width:22px; height:22px;}


/*******************************************************************************************************************************************
*	Login Advertisement Banner : 2023.12.19
*******************************************************************************************************************************************/
.login_adBanner			{display:inline-block; width:100%; margin-top:40px; overflow:hidden; position:relative; margin:40px auto; height:250px; border-radius:var(--round-basic);}
.login_adBanner:after	{position:absolute; left:0; top:0; width:100%; height:100%; border-radius:var(--round-basic); background-color:rgba(0,0,0,.3); content:'';}
.login_adBanner video	{position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.LB_titArea				{position:absolute; font-family:celmonHG; min-width:340px; font-weight:900; letter-spacing:0px; text-align:center; top:50%; left:50%; z-index:1; font-size:var(--FS-xx-large); line-height:1.2; color:#fff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.LB_tit					{position:relative; width:100%; display:block; letter-spacing:10px; font-weight:400; font-size:var(--FS-m-large); margin:0px auto 20px}
.LB_tit:after			{content:''; display:block; position:absolute; left:0px; top:50%; width:55px; height:1px; background-color:rgba(255,255,255,.65);}
.LB_tit:before			{content:''; display:block; position:absolute; right:0px; top:50%; width:55px; height:1px; background-color:rgba(255,255,255,.65);}

@media screen and (max-width:500px) {
	.login_adBanner			{height:200px;}
	.login_adBanner video	{width:140%;}

	.LB_titArea				{min-width:300px;}
	.LB_tit:after			{width:25px;}
	.LB_tit:before			{width:25px;}
}


/*******************************************************************************************************************************************
*	약관 (페이지내 모든 약관 컨트롤)
*******************************************************************************************************************************************/
.policy_WRAP					{display:inline-block; margin:0px 0; font-size:11px; line-height:17px; color:#777; padding:10px;}
.policy_WRAP.no_padding			{padding:5px;}
.policy_WRAP H8					{display:block; font-size:0.875rem; line-height:40px; letter-spacing:0.1em; color:#222;}
.policy_WRAP H9					{display:block; font-size:13px; margin-top:14px; line-height:25px; letter-spacing:0px; color:#333; border:0px;}
.policy_WRAP p					{margin-bottom:14px; font-size:var(--FS-m-small); line-height:17px;}

.policy_WRAP ol					{list-style-position:outside; padding-left:10px; color:#808080; text-align:justify; margin-bottom:10px;}
.policy_WRAP ol li				{margin-left:10px; list-style-type:Decimal; font-size:var(--FS-m-small); line-height:22px; letter-spacing:-1px;}
.policy_WRAP ol.depth2			{padding:3px 0; color:#808080; text-align:justify; margin-left:12px}
.policy_WRAP ol.depth2 li		{list-style-type:square;}

table.policyTBL					{width:100%; margin:10px 0; color:#808080; 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:#808080;}
table.policyTBL tbody td.first	{border-left:0px; text-align:center; font-size:11px; line-height:20px; font-weight:600;}

@media screen and (max-width:600px) {
.policy_WRAP H8					{font-size:var(--FS-m-small); line-height:20px; letter-spacing:-0.01em; margin-bottom:5px;}
}


/* 회원가입 완료 */
.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;}