/*
+----------------------------------------------------------------------+
| Copyright (c) 2010 - 2024 SPEAKINGMAX @ WEAVERSBRAIN.Co.Ltd
+----------------------------------------------------------------------+
| 작업일 : 2024-12-19
| 파일설명 : 맥스 AI 사이트 로그인 CSS
+----------------------------------------------------------------------+
| 작업자 : 최진영
+----------------------------------------------------------------------+
| 수정이력
|
+----------------------------------------------------------------------+ 
*/

@charset "utf-8";

/* PC 숨김처리 */
.loginWrap .section.visual {
	display:none;
}

.loginWrap .section.login {
	padding:20px 20px 100px;
}


/* 로고 */
.loginWrap .section.login .article.head {
	text-align: center;
}
.loginWrap .section.login .article.head .logoImg {
	width:134px;
}


/* 페이지 설명 텍스트 */
.loginWrap .section.login .article.pageDesc {
	margin:36px 0;
	text-align: center;
}
.loginWrap .section.login .article.pageDesc .title {
	color:#c362ff;
}


/* 체크 박스 */
.loginWrap .section.login .article.login .chkLine {
	margin-top:8px;
}
.loginWrap .section.login .article.login .chkLine input[type="checkbox"] {
	display:none;
}
.loginWrap .section.login .article.login .chkLine .chkLabel {
	position:relative;
	margin-right:10px;
	padding-left:20px;
	color: #707070;
}
.loginWrap .section.login .article.login .chkLine .chkLabel:last-child {
	margin-right:0;
}
.loginWrap .section.login .article.login .chkLine input[type="checkbox"] + .chkLabel:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	width:14px;
	height:14px;
	background:#f1f1f1;
	border-radius:4px;
}
.loginWrap .section.login .article.login .chkLine input[type="checkbox"]:checked + .chkLabel:before {
	background:#c362ff;
}
.loginWrap .section.login .article.login .button.login {
	margin-top:40px;
}
.loginWrap .section.login .orLine {
	position: relative;
	margin:15px 0;
	text-align: center;
}
.loginWrap .section.login .orLine::before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	width:100%;
	height:1px;
	background:#cfcfcf;
	z-index: 0;
}
.loginWrap .section.login .orLine .text {
	position:relative;
	z-index:1;
	padding:0 10px;
	background:#fff;
}


/* 로그인 버튼 영역 */
.loginWrap .section.login .article.join {
	text-align: center;
}
.loginWrap .section.login .article.join .button,
.loginWrap .section.login .article.join .textLine {
	margin-top:15px;
}
.loginWrap .section.login .article.join .button.kakao {
	background:#fee500 url('/assets/images/common/logo/kakao_small.png') no-repeat 15px 50%/16px;
	color:#262200;
}
.loginWrap .section.login .article.join .button.naver {
	background:#03c75a url('/assets/images/common/logo/naver_small.png') no-repeat 15px 50%/16px;
	color:#fff;

}
.loginWrap .section.login .article.join .linkBtnLine {
	margin-top:15px;
	font-size:14px; 
	color:#5d5d5d;
}


@media only screen and (min-width : 480px) {

	.loginWrap.pc .section.login {
		width:480px;
		margin:0 auto;
	}

	.loginWrap.pc .section.login .button {
		transition: 0.3s all;
	}

	.loginWrap.pc .section.login .button:hover {
		opacity: 0.7;
	}

}

@media only screen and (min-width : 1024px) {

	.loginWrap.pc {
		display:flex;
		height:100%;
		align-items: center;
	}

	.loginWrap.pc .section.visual {
		display:block;
		position:relative;
		width:calc(100% - 480px);
		max-width:650px;
		height:100%;
		background:#ecf2ff;
	}

	.loginWrap.pc .section.visual .visualLogoImg {
		position:absolute;
		top:64px;
		left:35px;
		width:226px;
	}

	.loginWrap.pc .section.visual .visualImg {
		position:absolute;
		bottom:0;
		right:0;
		width:550px;
	}

	.loginWrap.pc .section.login {
		padding:20px;
	}

	.loginWrap.pc .section.login .article.head {
		display: none;
	}

}