diff --git a/src/main/resources/static/pc/css/default.css b/src/main/resources/static/pc/css/default.css
index fdb662f9..c7230747 100644
--- a/src/main/resources/static/pc/css/default.css
+++ b/src/main/resources/static/pc/css/default.css
@@ -8959,6 +8959,11 @@ main {
   font-style: normal;
   color: #3053bc;
 }
+.signUp-promotion__col-1 {
+  display: grid;
+  grid-template-columns: repeat(1, 1fr);
+  gap: 20px;
+}
 .signUp-promotion__col-2 {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
diff --git a/src/main/webapp/WEB-INF/views/sopmal/mbr/JoinGuidanceR.jsp b/src/main/webapp/WEB-INF/views/sopmal/mbr/JoinGuidanceR.jsp
index a2017821..8cf1229d 100644
--- a/src/main/webapp/WEB-INF/views/sopmal/mbr/JoinGuidanceR.jsp
+++ b/src/main/webapp/WEB-INF/views/sopmal/mbr/JoinGuidanceR.jsp
@@ -52,7 +52,14 @@
 						<c:out value='${sopmalInfo.joinGuidanceWords}' escapeXml='false'/>
 					</div>
 					<c:if test="${!isAuthenticated}">
-						<div class="signUp-promotion__col-2 signUpLink" style="margin-bottom: 40px;">
+						<c:choose>
+							<c:when test="${sopmalInfo.kakaoIntrlckAt != 'Y' && sopmalInfo.naverIntrlckAt != 'Y'}">
+								<div class="signUp-promotion__col-1 signUpLink" style="margin-bottom: 40px;">
+							</c:when>
+							<c:otherwise>
+								<div class="signUp-promotion__col-2 signUpLink" style="margin-bottom: 40px;">
+							</c:otherwise>
+						</c:choose>
 							<a href="<c:url value='/sopmal/mbr/selectJoinAgreeTermsForm'/>" class="btn lg theme">바로 가입 할래요</a>
 							<%--<a class="btn lg outline" onclick="$('html, body').animate({scrollTop: $('.signUp-promotion__section').offset().top}, 0);return false;" style="cursor: pointer;">가입시 혜택부터 볼래요</a>--%>
 							<div class="login__sns">