
.pop-infocard .cont-topbx							{background:var(--main-color);border-radius:Var(--basic-round);padding:1rem;}
.pop-infocard .cont-topbx .cont-name				{position:relative;color:#fff;line-height:1.2;padding:0.5rem;display:flex;flex-flow:row wrap;justify-content:space-between;}
.pop-infocard .cont-topbx .cont-name .category		{color:rgba(255,255,255,0.6)}
.pop-infocard .cont-topbx .cont-name .name			{font-size:var(--font-xlg);font-weight:var(--font-exbold)}
.pop-infocard .cont-topbx .cont table th,
.pop-infocard .cont-topbx .cont table td		{padding:0.5rem 0.75rem;border:1px solid rgba(0,0,0,0.1);}
.pop-infocard .cont-topbx .keyword-wrap			{margin-top:1rem}
.pop-infocard .cont-topbx .keyword-wrap span	{background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);}
.pop-infocard .img-wrap					{margin-top:0.5rem;display:flex;flex-flow:row wrap;}
.pop-infocard .img-wrap .thumb			{width:200px;height:200px;}
.pop-infocard .img-wrap .cont			{width:calc(100% - 240px);margin-right:40px;background:rgba(0,0,0,0.2);color:#fff;font-size:var(--font-sm)}
.pop-infocard .cont-wrap				{margin-top:0.5rem;}
.pop-infocard .cont-wrap .cont			{background:#fff;font-size:var(--font-sm)}
.pop-infocard .cont-wrap .cont table th	{background:var(--basic-bg)}

/* 로그인 start */
.login-container						{height:100vh;min-height:860px;display:flex;align-items:center;position:relative;}
.login-container:after					{content:"";}
.login-container .login-cont			{width:960px;margin:0 auto;border-radius:4rem;background:var(--main-color) url(../img/search_bg.png) no-repeat 50% 50%/cover;box-shadow:0 20px 40px rgba(0,0,0,0.2);overflow:hidden;}
.login-container .login-cont .contwrap	{padding:8rem;}
.login-cont .contwrap .title			{font-size:var(--font-2xlg);margin-bottom:2rem;font-weight:var(--font-exbold);font-family:ns-neo;line-height:1.1;color:#fff;}
.login-cont .contwrap .title p:nth-child(1){font-weight:Var(--font-light)}
.login-cont .contwrap input				{line-height:60px;height:60px;margin:0.25rem 0;border:none;padding-left:3rem}
.login-cont .contwrap form p			{position:relative}
.login-cont .contwrap form p:before		{content:"";position:absolute;left:1rem;top:0;line-height:60px;font-family:FontAwesome;font-weight:900;font-size:1.25rem;color:#999}
.login-cont .contwrap .ico-id:before	{content:"\f007";}
.login-cont .contwrap .ico-pw:before	{content:"\f023"}
.login-cont .contwrap .btn-d			{border:none;background:rgba(0,0,0,0.4);line-height:70px;}
.login-cont .contwrap .btn-d:hover		{border:none;}
.login-cont .contwrap .txt				{margin-top:2rem;text-align:center;}	
.login-cont .contwrap .txt a			{display:inline-block;margin:0 0.5rem;color:#fff}

@media only screen and (max-width:1240px){
	.login-container .login-cont		{width:calc(100% - 4rem);margin:0 2rem}
	.login-container .login-cont .contwrap{padding:6rem;}
}
@media only screen and (max-width:1023px){
	.login-container .login-cont .contwrap{padding:5rem;}	
}
@media only screen and (max-width:767px){
	.login-container .login-cont .contwrap{padding:4rem;}	
}
@media only screen and (max-width:576px){
	.login-container						{padding-top:80px;min-height:560px;}
	.login-container .login-cont .contwrap	{padding:3rem;}
	.login-cont .contwrap .title			{font-size:var(--font-xlg);}
	.login-cont .contwrap input				{line-height:50px;height:50px;}
	.login-cont .contwrap .btn-d			{line-height:60px;}
}
@media only screen and (max-width:415px){
	.login-container .login-cont			{border-radius:3rem;}
	.login-container .login-cont .contwrap	{padding:2rem;}
}
/* 로그인 end */

/* 아이디/비밀번호찾기 start */
.member-wrap			{position:relative;z-index:2;}
.member-wrap .title		{text-align:center;margin:0 0 2rem 0;}
.member-wrap .title h1	{margin:0;}
.member-wrap .cont .bx	{background:#fff;padding:4rem;border-radius:1rem}
. .tab		{display:flex;felx-flow:row wrap;justify-content:center;align-items:center;}
.member-wrap .tab a		{display:block;line-height:40px;text-align:center;background:#fff;border:1px dashed #ddd;border-radius:80px;margin:0 0.25rem;padding:0 2rem;}
.member-wrap .tab a.on	{background:var(--basic-bg);border:2px solid var(--main-color);color:var(--main-color);box-shadow:0 2px 4px rgba(0,0,0,0.2);}

#member_wrap { 
	display: flex; 
	justify-content:center;
}
#member_wrap .form-control	{margin:0.5rem 0;background:#f5f6f7;height:60px;border:none;padding:0.5rem 1rem;border-radius:0.5rem}
#member_wrap .btnarea a		{text-align:left;margin:0.5rem 0}
#member_wrap .sns-login				{border-top:1px solid #eee;text-align:center;padding-top:2rem;margin-top:2rem}
#member_wrap .sns-login .row			{align-items:center;justify-content:center;margin-top:1rem}
#member_wrap .sns-login .row a		{width:60px;height:60px;border-radius:50%;background-color:#efefef;margin:0 0.5rem;background-size:50% auto;background-repeat:no-repeat;background-position:50% 50%}
#member_wrap .sns-login .ico-naver	{background-image:url(../img/ico_naver.png)}
#member_wrap .sns-login .ico-kakao	{background-image:url(../img/ico_kakao.png)}
#member_wrap .sns-login .ico-facebook{background-image:url(../img/ico_facebook.png)}
#member_wrap .sns-login .ico-google	{background-image:url(../img/ico_google.png)}

#member_wrap #memFrm { 
	width:560px; 
}
/* 아이디/비밀번호찾기 end */