diff --git a/src/main/webapp/WEB-INF/jsp/_extra/user/trublcfrncmng/trublcfrncmngLogin.jsp b/src/main/webapp/WEB-INF/jsp/_extra/user/trublcfrncmng/trublcfrncmngLogin.jsp
index 3df5b3ac..0cb3fc23 100644
--- a/src/main/webapp/WEB-INF/jsp/_extra/user/trublcfrncmng/trublcfrncmngLogin.jsp
+++ b/src/main/webapp/WEB-INF/jsp/_extra/user/trublcfrncmng/trublcfrncmngLogin.jsp
@@ -29,6 +29,10 @@
 		<script type="text/javascript" src="/site/case/js/jquery.easing.min.js"></script>
 	
 		<link href="/site/case/jsp/navigation/css/navigation.css" rel="stylesheet" type="text/css"/>
+		
+		<link rel="stylesheet" href="/kofair_case_seed/css/reset.css" />
+		<link rel="stylesheet" href="/kofair_case_seed/css/font.css" />
+		<link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css" />
 
 
 	<script type="text/javascript">
@@ -46,7 +50,7 @@
 	<body>
 <form:form id="frm" action="/user/proc/case/ResolutionCommittee/loginProc.do" method="post">
 <input type="hidden" name="next_url" value="/case/subIndex/203.do"/>
-	<article class="sub_con_wrap">
+	<article class="sub_con_wrap login_wrap">
 		<div class="sub_con_wrap_inner">
 			<h2 class="blind">본문</h2>
 			<div class="meet_lg_wrap1 meet_lg_wrap center">
@@ -63,17 +67,17 @@
 			                <div class="login_wrap2">                            
 			                    <legend class="blind">협의회 조회 폼</legend>
 			                    <div class="id_wrap">
-			                        <label for="01" class="disc7">아이디</label>
-			                        <input type="text" name="memberId" id="memberId" class="inp_label lg_r" />
+			                        <label for="01">· 아이디</label>
+			                        <input type="text" name="memberId" id="memberId" class="inp_label" />
 			                    </div>    
 			                    <div class="id_wrap">
-			                        <label for="02" class="disc7">비밀번호</label>
-			                        <input type="password" name="memberPwd" id="memberPwd" class="inp_label lg_r" />
+			                        <label for="02">· 비밀번호</label>
+			                        <input type="password" name="memberPwd" id="memberPwd" class="inp_label" />
 			                    </div>
 			                </div>
 			            </div>
 			            <div class="meet_lg_r">
-			                <input type="button" id="loginBtn" value="로그인" class="btn_login2" />
+			                <button type="button" id="loginBtn" class="btn_login2">로그인</button>
 			            </div>
 			            </fieldset>
 			            <div class="meet_lg_noti">
diff --git a/src/main/webapp/WEB-INF/jsp/uat/uia/EgovLoginUsr.jsp b/src/main/webapp/WEB-INF/jsp/uat/uia/EgovLoginUsr.jsp
index d2f5f672..bab92429 100644
--- a/src/main/webapp/WEB-INF/jsp/uat/uia/EgovLoginUsr.jsp
+++ b/src/main/webapp/WEB-INF/jsp/uat/uia/EgovLoginUsr.jsp
@@ -27,12 +27,12 @@
 <script src="/kccadrPb/usr/script/jquery-3.5.0.js"></script>
 <script type="text/javascript" src="/js/new_login.js"></script>
 
+<link rel="stylesheet" href="/kofair_case_seed/css/font.css" />
+<link rel="stylesheet" href="/kofair_case_seed/css/reset.css" />
+<link rel="stylesheet" href="/kofair_case_seed/adm/style/common.css" />
+<link rel="stylesheet" href="/kofair_case_seed/adm/style/layout.css" />
+<link rel="stylesheet" href="/kofair_case_seed/adm/style/style.css" />
 
-<link rel="stylesheet" href="/kccadrPb/adm/css/reset.css">
-<link rel="stylesheet" href="/kccadrPb/adm/css/font.css">
-<link rel="stylesheet" href="/kccadrPb/adm/css/common.css">
-<link rel="stylesheet" href="/kccadrPb/adm/css/content.css">
-<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css">
 
 <script type="text/javascript">
 <c:if test="${!empty message}">alert("${message}");</c:if>
@@ -126,12 +126,13 @@ function getid(form){
 		<div class="login_all_wrap">
 			<div class="login_wrap">
 				<div class="login_left_box">
-<!-- 					<img src="/kccadrPb/adm/image/login_logo.png" alt="한국저작권위원회 KOREA COPYRIGHT COMMISSION"> -->
+ 					<img src="/kofair_case_seed/adm/images/layout/login_logo.png" alt="FAIR 한국공정거래조정원">
+ 					<p class="logo_bottom">분쟁조정시스템</p>
 				</div>
 				<div class="login_right_box login_right_otp_box">
 					<p class="login_tit">로그인</p>
 					<kc:profile value="local">
-                   			 아이디 선택 : <select id="devIdSelect" style="width: 400px; height: 30px;" onchange="login()">
+                   			 아이디 선택 : <select id="devIdSelect" style="width: 100%; height: 30px;" onchange="login()">
 							<option value="">로그인할 아이디를 선택해주세요.</option>
 							<option value="seed">관리자1-ROLE_ADMIN</option>
 							<option value="member">관리자2-ROLE_ADMIN2</option>
@@ -141,19 +142,19 @@ function getid(form){
 					<div class="id_box">
 						<p>ID</p>
 						<label for="id_text"></label>
-						<input type="text" id="id_text" name="id_text" maxlength="15" placeholder="아이디를 입력해주세요" class="id">
+						<input type="text" id="id_text" name="id_text" class="input_text w100per" maxlength="15" placeholder="아이디를 입력해주세요" class="id">
 					</div>
 					<div class="pw_box">
 						<p>PASSWORD</p>
 						<label for="password_text"></label>
-						<input type="password" autocomplete="off" id="password_text" name="password_text" value="<c:out value='${password}'/>" placeholder="비밀번호를 입력해주세요." class="pw" onkeydown="javascript:if (event.keyCode == 13) { actionLogin();return false; }">
+						<input type="password" autocomplete="off" id="password_text" name="password_text" class="input_text w100per" value="<c:out value='${password}'/>" placeholder="비밀번호를 입력해주세요." class="pw" onkeydown="javascript:if (event.keyCode == 13) { actionLogin();return false; }">
 					</div>
 					<div class="saveId">
 						<input type="checkbox" id="checkId" name="checkId">
 						<label for="checkId">아이디저장</label>
 					</div>
 					<div class="submit_box">
-						<input type="submit" value="로그인" class="submit" id="login_submit" onclick="javascript:actionLogin();return false;">
+						<input type="submit" value="로그인" class="btn btn_text blue_fill w100per submit" id="login_submit" onclick="javascript:actionLogin();return false;">
 						
 					</div>
 					<div class="copyright">
diff --git a/src/main/webapp/kofair_case_seed/adm/images/layout/login.jpg b/src/main/webapp/kofair_case_seed/adm/images/layout/login.jpg
new file mode 100644
index 00000000..229ecf3d
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/layout/login.jpg differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/layout/login_bg_left.png b/src/main/webapp/kofair_case_seed/adm/images/layout/login_bg_left.png
new file mode 100644
index 00000000..3144fccd
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/layout/login_bg_left.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/layout/login_bg_right.png b/src/main/webapp/kofair_case_seed/adm/images/layout/login_bg_right.png
new file mode 100644
index 00000000..9171f5d9
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/layout/login_bg_right.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/layout/login_logo.png b/src/main/webapp/kofair_case_seed/adm/images/layout/login_logo.png
new file mode 100644
index 00000000..0414f3bd
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/layout/login_logo.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/style/layout.css b/src/main/webapp/kofair_case_seed/adm/style/layout.css
index ba011ae1..f96624ee 100644
--- a/src/main/webapp/kofair_case_seed/adm/style/layout.css
+++ b/src/main/webapp/kofair_case_seed/adm/style/layout.css
@@ -51,4 +51,36 @@
 .user_info_ul li .icon.user{width:20px;height:20px;margin:0 4px 0 0;background:url(/kofair_case_seed/adm/images/layout/icon_user.png) no-repeat center center;}
 
 .user_info_ul select{width:145px;padding:0 0 0 20px;font-size:16px;border:0 !important;background:transparent url(/kofair_case_seed/adm/images/layout/icon_userinfo_select.png) no-repeat calc(100% - 20px) center !important;}
-.user_info .btn_logout{width:94px;height:38px;font-size:16px;border-radius:40px;background:#adadb5;}
\ No newline at end of file
+.user_info .btn_logout{width:94px;height:38px;font-size:16px;border-radius:40px;background:#adadb5;}
+
+/* 로그인 */
+.login_all_wrap{display:flex;width:100%;min-width:1240px;height:100vh;justify-content:center;align-items:center;padding:50px 0;box-sizing:border-box;background-color:#fbf9f7;background-image:url(/kofair_case_seed/adm/images/layout/login_bg_left.png), url(/kofair_case_seed/adm/images/layout/login_bg_right.png);background-position:left bottom, right top; background-repeat:no-repeat;}
+.login_wrap{display: flex; width: 1000px; height: 584px; background-color: #fff; border-radius: 30px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
+.login_wrap .login_left_box,.login_wrap .login_right_box{width: 50%;}
+.login_wrap .login_left_box{display: flex; flex-direction:column; justify-content: center; align-items: center; background-image: url(/kofair_case_seed/adm/images/layout/login.jpg); background-repeat: no-repeat;}
+.login_wrap .login_left_box img{margin:50px 0 10px 0;}
+.login_wrap .login_left_box p{padding:6px 22px 8px 22px;font-size:18px;color:#fff;letter-spacing:1.5px;font-weight:400;border:1px solid rgba(255,255,255,0.5);border-radius:100px;background:rgba(0,0,0,0.3);text-shadow:0 0 5px rgba(0,0,0,0.8);}
+.login_wrap .login_right_box{position: relative; padding: 80px 50px 0 90px; box-sizing: border-box;}
+.login_wrap .login_tit.orange{position:relative;display:inline-block;font-size: 34px; font-weight: 600; margin-bottom: 20px;color:#ea5404;}
+.login_wrap .login_tit.orange::after{position: absolute; content: " "; width: 100%; height: 10px; background-color: #ea5404; opacity: 0.15; left: 0; bottom: 0;}
+.login_wrap .login_tit{font-size: 30px; font-weight: 500; margin-bottom: 54px;}
+.login_wrap .id_box,.login_wrap .pw_box{margin-bottom: 20px;}
+.login_wrap .id_box p,.login_wrap .pw_box p{font-size: 16px; font-weight: 600; color: #999; margin-bottom: 9px;}
+.login_wrap .id_box input[type="text"],.login_wrap .pw_box input[type="password"]{width: calc(100% - 40px); background-color: #fff; border: 1px solid #e5e5e5;}
+.login_wrap .id_box input[type="text"]::placeholder,.login_wrap .pw_box input[type="password"]::placeholder{font-size: 15px; color: #cccccc; font-weight: 400;}
+.login_wrap .saveId{margin-top: 10px;}
+.login_wrap input[type="checkbox"]{width: 20px; height: 20px;}
+.login_wrap input[type="checkbox"]+label{width: auto; height: auto; margin: 4px 0 0 0; padding-left: 5px; clip: auto; color: #444; font-size: 16px; font-weight: 400;}
+.login_wrap .submit_box{margin-top: 36px;}
+.login_wrap .submit_box input[type="submit"]{width: 180px; height: 50px; background-color: #ea5404; border-radius: 5px; color: #fff; font-size: 20px; font-weight: 500; border: 0; transition: background-color 0.2s ease-in-out;}
+.login_wrap .submit_box input[type="submit"]:hover{background-color: #de3900; transition: background-color 0.2s ease-in-out;}
+.login_wrap .copyright{font-size: 14px; position: absolute; bottom: 40px; color: #333;}
+
+.login_wrap .login_right_box.login_right_otp_box {display:flex;flex-direction:column;justify-content:center;padding:0 80px;}
+.login_wrap .login_right_box.login_right_otp_box .login_tit {margin-bottom:29px;}
+.login_wrap .login_right_box.login_right_otp_box .id_box,
+.login_wrap .login_right_box.login_right_otp_box .pw_box {margin-bottom:15px;}
+.login_wrap .login_right_box.login_right_otp_box .otp_phone_box {display:block;}
+.login_wrap .login_right_box.login_right_otp_box .otp_phone_box input[type=text] {width:calc(100% - 145px);border:1px solid #e5e5e5;background:#f4f4f4;border-radius:5px;}
+.login_wrap .login_right_box.login_right_otp_box .otp_phone_box .otp_phone_btn {width:100px;height:38px;font-size:14px;text-align:center;vertical-align:top;border:1px solid #e5e5e5;border-radius:5px;}
+.login_wrap .login_right_box.login_right_otp_box .submit_box {margin-top:26px;}
diff --git a/src/main/webapp/kofair_case_seed/usr/style/style.css b/src/main/webapp/kofair_case_seed/usr/style/style.css
index 6bc1371b..3a2c9bc8 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/style.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/style.css
@@ -42,6 +42,27 @@
 .sub_con_tit{margin:32px 0 0 0;font-size:3.6rem;font-weight:bold;color:#333;}
 .sub_con_sub_tit{margin:40px 0;font-size:1.7rem;font-weight:400;color:#666;}
 
+
+.login_wrap *{font-family:'Noto Sans KR', sans-serif;}
+.login_wrap .meet_lg_wrap1.center{max-width:450px;}
+.login_wrap .meet_lg_wrap .meet_lg{border:1px solid #d5d5d5;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.08);}
+.login_wrap .meet_lg_wrap .meet_lg_tit{display:flex;height:auto;padding:40px 0 0 0;margin:0;line-height:1.4;font-size:20px;justify-content:center;align-items:center;}
+.login_wrap .meet_lg_wrap .meet_lg_tit h1{position:relative;}
+.login_wrap .meet_lg_wrap .meet_lg_tit h1::after{position:absolute;content:"";width:20px;height:3px;background:#2e40ba;bottom:-22px;left:50%;transform:translateX(-50%);}
+
+.login_wrap .meet_lg_wrap .meet_lg_con fieldset{display:flex;justify-content:space-between;align-items:stretch;}
+.login_wrap .meet_lg_wrap .meet_lg_r{height:auto;}
+.login_wrap .meet_lg_wrap .meet_lg_r button{height:100%;font-size:17px;font-weight:500;}
+.login_wrap .meet_lg_wrap .login_wrap2{display:flex;flex-direction:column;gap:10px;}
+.login_wrap .meet_lg_wrap .id_wrap{display:flex;height:auto;align-items:center;gap:5px;}
+.login_wrap .meet_lg_wrap .id_wrap label{width:100px;margin:0;}
+.login_wrap .meet_lg_wrap .id_wrap .inp_label{width:100%;padding:0 10px;border-radius:5px;margin:0;height:35px;}
+.login_wrap .c_dahong{color:#2e40ba;font-weight:600;}
+.login_wrap .btn_login2{background:#2e40ba;}
+.login_wrap .meet_lg_noti{margin:10px 0 0 0;padding:5px 10px;font-size:15px;color:#666;background:#f5f5f5;border-radius:5px;}
+.login_wrap .meet_lg_noti img{margin:1px 0 0 0;}
+.login_wrap .meet_lg_noti p{display:flex;align-items:center;gap:5px;}
+
 .search_wrap{display:flex;margin:40px 0 30px 0;padding:30px;border-radius:5px;background:#f4f5f7;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;}
 .search_wrap li{display:flex;font-size:1.6rem;align-items:center;gap:10px;}
 .search_wrap .calendar{width:130px;}
