@charset "UTF-8";
/************************
Version : 공공구매 종합정보망 1.0
Date : 2026-05-11
Description : 중기부통합플랫폼구축(중기원패스 통합로그인) 관련 스타일
* 브랜드 일관성을 위해 아래 색상 외 임의 변경을 금합니다.
*************************/
:root {
	--sso-PrimaryBlue: #1A6BC7; /*주요 버튼, 제목, 아이콘 강조*/
    --sso-PrimaryButtonBG: #2563EB; /*CTA 버튼 배경*/
    --sso-SecondaryButton: #FFFFFF; /*보조 버튼 배경, 팝업 배경*/
    --sso-IconBG: #EAF2FB; /*아이콘 배경 영역*/
    --sso-BodyText: #1A1A2E; /*팝업 제목 텍스트*/
	--sso-SubText: #555F6E; /*설명 본문 텍스트*/
    --sso-Border: E0E4EA; /*보조 버튼 테두리*/
	--sso-Overlay: rgba(0,0,0,0.6); /*배경 딤 처리 오버레이*/
}

.mss-sso-mainTxt {font-family: 'Pretendard';font-size:20px;font-weight:700;color:#1A1A2E;} /*통합로그인*/
.mss-sso-subTxt {font-family: 'Pretendard';font-size:22px;font-weight:700;color:#1A6BC7;} /*중기원패스전환*/
.mss-sso-conTxt {font-family: 'Pretendard';font-size:14px;font-weight:400;color:#555F6E;} /*안내문구*/
.mss-sso-btnTxt.a1 {font-family: 'Pretendard';font-size:15px;font-weight:600;color:#FFFFFF;} /*CTA*/
.mss-sso-btnTxt.a2 {font-family: 'Pretendard';font-size:15px;font-weight:600;color:#1A6BC7;} /*보조버튼*/

.mss-sso-btnType.a1 {background:#FFFFFF;border:1px solid #D1D5DB;}
.mss-sso-btnType.a2 {background:#1877F2;border:none;}
.mss-sso-btnType.c1 {background:#004C97;}

/*로그인화면 버튼 - 로그인페이지*/
.mms-sso-loginBtn.a1{
	display: inline-flex;
	justify-content : center;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	font-family: "Pretendard", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #2062A4;
	cursor: pointer;
	transition: all 0.5s ease;
	width: 100%;
	 box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.mms-sso-loginBtn.a1::before {
	content: "";
	width: 24px;
	height: 24px;
	background: url("/img/sso/button_icon_01.png") no-repeat center center;
	background-size: contain;
	flex-shrink: 0;
}
/*로그인화면 버튼 - 헤더삽입*/
.mms-sso-loginBtn.a2{
	display: inline-flex;
	justify-content : center;
	align-items: center;
	gap: 5px;
	padding: 2px 6px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	font-family: "Pretendard", sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #2062A4;
	cursor: pointer;
	transition: all 0.5s ease;
	width: 100%;
	 box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.mms-sso-loginBtn.a2::before {
	content: "";
	width: 21px;
	height: 21px;
	background: url("/img/sso/button_icon_01.png") no-repeat center center;
	background-size: contain;
	flex-shrink: 0;
}
.mms-sso-loginBtn:hover {
	background: #b3ceff !important; color: #256EF4 !important; border-color: transparent !important;
}

.mms-sso-loginBtn:active {
  transform: translateY(1px);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.12);
}
.mms-sso-loginBtn::before {
  transform: scale(0.94);
}