id,password,register ui

src/assets/css/custom.css

@@ -494,11 +494,14 @@ input:-internal-autofill-selected {
 }
 /* .pal-register .bs-stepper-header{display:none;} */
 .pal-register .app-collapse .card-header{padding:1rem 0;}
-.terms-all-check{border-bottom:1px solid #3b4253;padding-bottom:1rem;}
-.terms-check{padding:14px 0;border-bottom:1px solid #3b4253;}
-.terms-cont{background:#161d31;padding:10px;margin-top:10px;border-radius:6px;font-size: 0.875rem;height:200px;overflow:auto;}
+.terms-all-check{border-bottom:1px solid #ddd;padding-bottom:1rem;}
+.terms-check{padding:14px 0;border-bottom:1px solid #ddd;}
+.terms-cont{background:#f4f4f4;padding:10px;margin-top:10px;border-radius:6px;font-size: 0.875rem;height:200px;overflow:auto;word-break: keep-all;}
+.dark-layout .terms-all-check{border-bottom:1px solid #3b4253;}
+.dark-layout .terms-check{border-bottom:1px solid #3b4253;}
+.dark-layout .terms-cont{background:#161d31;}
 /* .pal-register .form-group label{margin-bottom:0px;} */
-.pal-register .bs-stepper .bs-stepper-header{padding-bottom:0px;}
+.dark-layout .pal-register .bs-stepper .bs-stepper-header{padding-bottom:0px;}
 /* .terms-check .collapse-default .card:last-child{border-bottom:1px solid #3b4253;}
 .terms-check .card-body .card-text{height:110px;background:#161d31;padding:10px;font-size: 0.875rem;overflow:auto;border-radius:6px;}
 .terms-check [class*='collapse-'] .card .card-body{padding:0 0 1rem 0;} */
@@ -847,7 +850,7 @@ background-size: 75% auto;
 	}
 }
 
-.login .info-search .pal-card{width:95%;}
+.login .info-search .pal-card{}
 .login-form.info-search form{padding:0;}
 .info-search .input-btn button{width:100%; padding: 0.786rem 1.5rem;}
 .full-btn-2n{display:flex;justify-content:space-between;}
@@ -949,4 +952,14 @@ background-size: 75% auto;
 .document-pop .cont{margin-bottom:1rem}
 .document-pop strong{display:flex;justify-content:center;align-items: center;font-size:1.125rem;font-weight:500;margin-bottom:4px}
 .document-pop .cont svg{margin:20px 0;}
-.document-pop span{display:block;}
+.document-pop span{display:block;}
+
+.login-form.info-search .pal-card{min-width:620px}
+.login-form.info-search .card-body-tab-menu{width:100%;}
+.login-form.info-search .nav li{flex:1;background:#f4f4f4;border-radius: 0.358rem;}
+.login-form.info-search .form-control{font-size:0.875rem}
+.login-form.info-search .user-search-link button{text-decoration:underline;}
+
+.auth-wrapper.auth-v1 .auth-inner:before{background-image:none}
+input:-internal-autofill-selected{color:#6e6b7b!important}
+input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-text-fill-color:#6e6b7b!important;background:#fff!important}

src/components/account/find/AccountFindTab.js

@@ -67,7 +67,7 @@ export const AccountFindTab = props => {
         </Nav>            
       </div>
       <Row className='app-user-edit'>
-        <Col sm='12'>
+        <Col md='12'>
           <Card>
             <CardBody className='card-body-tab-cont'>
               <TabContent activeTab={activeTab}>

src/components/account/register/AccountRegisterForm.js

@@ -675,6 +675,7 @@ export const AccountRegisterForm = ({
             color='dark'
             className='btn-prev'
             onClick={handlerCancel}
+            outline
           >
             <span className='align-middle d-sm-inline-block'> 취소</span>
           </Button.Ripple>

src/components/account/register/AccountRegisterTerm.js

@@ -221,6 +221,7 @@ export const AccountRegisterTerm = ({ stepper, type, movePage }) => {
           color='dark'
           className='btn-prev'
           onClick={handlerCancel}
+          outline
         >
           <span className='align-middle d-sm-inline-block'> 취소</span>
         </Button.Ripple>

src/containers/account/find/AccounFindTabContainer.js

@@ -3,6 +3,7 @@ import loginImg from '../../../assets/images/login01.png';
 import { Button } from 'reactstrap'
 import '../../../assets/css/custom.css';
 import { useHistory } from 'react-router-dom'
+import kacLogo from '../../../assets/images/logo/kac_logo.svg';
 
 export const AccountFindTabContainer = () => {
   const history = useHistory();
@@ -14,10 +15,12 @@ export const AccountFindTabContainer = () => {
   return (
     <>
       <div className='login'>
-        <div className='login-logo'>Drone Control System</div>
-        <div className='login-img'>
-          <img src={loginImg} />
+        <div className='login-logo'>
+          <img src={kacLogo} />
         </div>
+        {/* <div className='login-img'>
+          <img src={loginImg} />
+        </div> */}
         <div className='login-form info-search'>
           <div className='pal-card'>
             <AccountFindTab  />