@charset "UTF-8";
/*-------------------
        Sizes
--------------------*/
/*-------------------
        Text
--------------------*/
/*-------------------
        Colors
--------------------*/
/*-------------------
    폰트 깨짐 방지
--------------------*/
/*-------------------
    엘리먼트 스크롤 바
--------------------*/
/*-------------------
      테스트 스위치
--------------------*/
/*-------------------
      아이콘 버튼
--------------------*/
/*-------------------
      넘버 태그
--------------------*/
/*-------------------
    리셋 버튼
--------------------*/
/*-------------------
	   수정 버튼
--------------------*/
/*-------------------
    파일, 동영상 첨부
--------------------*/
/*==========================================

                 L O G I N

==========================================*/
.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #EEEEEE;
}

.login-container {
  width: 500px;
  padding: 70px;
  background-color: #FFFFFF;
  border-radius: 20px;
  -webkit-box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, 0.2);
}
.login-container .header {
  margin: 0 0 40px 0;
  text-align: center;
}
.login-container .header .logo {
  margin: 0 0 20px 0;
  width: 80px;
  height: 30px;
}
.login-container .header .title {
  margin: 0;
  color: #001D3F;
  font-size: 24px;
}
.login-container .ui.form {
  padding: 0;
  background-color: #FFFFFF;
}
.login-container .ui.form .field {
  margin-bottom: 15px;
}
.login-container .ui.form .field .ui.icon.input input {
  padding: 15px 10px 16px 43px !important;
  border-color: #F9F3EC;
  background-color: #F9F3EC;
  border-radius: 25px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #444444;
  -webkit-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.login-container .ui.form .field .ui.icon.input input::-webkit-input-placeholder {
  color: rgba(207, 159, 115, 0.5);
}
.login-container .ui.form .field .ui.icon.input input::-ms-input-placeholder {
  color: rgba(207, 159, 115, 0.5);
}
.login-container .ui.form .field .ui.icon.input input::placeholder {
  color: rgba(207, 159, 115, 0.5);
}
.login-container .ui.form .field .ui.icon.input input:focus {
  background-color: #FFFFFF;
  border-color: #E7CFB9;
}
.login-container .ui.form .field .ui.icon.input input:disabled {
  background-color: #EEEEEE;
}
.login-container .ui.form .field .ui.icon.input input:-webkit-autofill {
  border-color: #F9F3EC !important;
  -webkit-box-shadow: 0px 0px 0px 100px #F9F3EC inset !important;
  box-shadow: 0px 0px 0px 100px #F9F3EC inset !important;
}
.login-container .ui.form .field .ui.icon.input input:-webkit-autofill:focus {
  border-color: #E7CFB9 !important;
  -webkit-box-shadow: 0px 0px 0px 100px #FFFFFF inset !important;
  box-shadow: 0px 0px 0px 100px #FFFFFF inset !important;
}
.login-container .ui.form .field .ui.icon.input .icon {
  width: 33px;
  height: 50px;
  left: 10px;
  color: #E4C9AF;
  font-size: 13px;
  vertical-align: middle;
}
.login-container .ui.form .field .ui.icon.input.disabled .icon {
  color: #DDDDDD;
}
.login-container .ui.form .field .ui.icon.input.disabled input {
  cursor: default;
  background-color: #EEEEEE;
}
.login-container .ui.form .field.phone .ui.input input, .login-container .ui.form .field.certification .ui.input input {
  padding-right: 140px !important;
}
.login-container .ui.form .field.phone .ui.button, .login-container .ui.form .field.certification .ui.button {
  position: absolute;
  top: 8px;
  right: 6px;
  border-radius: 25px;
  font-size: 12px;
}
.login-container .ui.form .field.phone .ui.button {
  background-color: #CF9F73;
}
.login-container .ui.form .field.certification .limit {
  position: absolute;
  top: 15px;
  right: 32px;
  color: #FF7A00;
}
.login-container .ui.form .info {
  margin: 5px 0 25px 15px;
}
.login-container .ui.form .info .ui.button.button-info {
  padding: 0;
  background-color: transparent;
  color: #666666;
}
.login-container .ui.form .info .ui.button.button-info .icon {
  opacity: 1;
}
.login-container .ui.form .control {
  display: flex;
  justify-content: space-between;
  margin: 5px 15px 25px 15px;
}
.login-container .ui.form .control .ui.checkbox label:before {
  border-radius: 3px;
}
.login-container .ui.form .control .ui.checkbox input:checked ~ label:before {
  background: #CF9F73;
  border-color: #CF9F73;
}
.login-container .ui.form .control .waiting {
  color: #999999;
}
.login-container .ui.form .control .waiting span {
  color: #FF7A00;
}
.login-container .ui.submit.button {
  margin: 0;
  padding: 18px;
  background-color: #CF9F73;
  border-radius: 25px;
}
.login-container .ui.submit.button.disabled, .login-container .ui.submit.button:disabled {
  background: #DBD8D5 !important;
  color: #FFFFFF !important;
}

.text-box {
  padding: 20px;
  background-color: #F7F8F9;
  border-top: 1px solid #333333;
}