/**
 * login.css
 * Copyright (c) 2000 - 2015 Samsung Electronics Co., Ltd. All rights reserved.
 * 
 * Contact:
 * DongHee Yang <donghee.yang@samsung.com>
 * Sungmin Kim <sm.art.kim@samsung.com>
 * Jiil Hyoun <jiil.hyoun@samsung.com>
 * Jonghwan Park <iwin100.park@samsung.com>
 * Kitae Kim <kt920.kim@samsung.com>
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * 
 * Contributors:
 * - S-Core Co., Ltd
**/
html,
body {
  overflow: auto;
  width: 100%;
  height: 100%;
  margin: 0;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #c2d0d4;
  border-radius: 10px;
  width: 50px;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(40, 83, 108, 0.5);
  width: 50px;
}
.login_area {
  background: #e4e4e4;
  height: 100%;
  min-width: 800px;
  min-height: 547px;
  padding: 0 30px;
  overflow: auto;
}
.login_area .login_container {
  background: url("../../images/login_bg.png") no-repeat center top;
  background-size: 100% auto;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-height: 700px;
  max-width: 1192px;
  position: relative;
}
.login_area .login_container .login_box {
  font-family: CoreSansN65Bold;
  max-width: 1192px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 30px;
}
.login_area .login_container .login_box label {
  font-size: 16px;
  padding-left: 24px;
  color: #4c5760;
  width: 220px;
}
.login_area .login_container .login_box input[type="text"],
.login_area .login_container .login_box input[type="password"] {
  width: 230px;
  margin-left: 10px;
}
.login_area .login_container .login_box button {
  margin: -4px 0 0 20px;
}
.login_area .login_container .login_box .custom_checkbox {
  vertical-align: top;
  height: 30px;
  margin-left: 20px;
  width: 220px;
  display: inline-block;
}
.login_area .login_container .login_box .type_login span {
  display: block;
  padding: 0px 12px;
  font-size: 16px;
}
.login_area .login_container .login_box .type_login.disabled,
.login_area .login_container .login_box .type_login[disabled],
.login_area .login_container .login_box fieldset[disabled] .type_login {
  cursor: not-allowed;
  pointer-events: none;
}
.login_area .login_container .login_box .type_login.disabled span,
.login_area .login_container .login_box .type_login[disabled] span,
.login_area .login_container .login_box fieldset[disabled] .type_login span {
  position: relative;
  display: block;
  padding: 0px 24px;
}
.login_area .login_container .login_box .type_login.disabled span:before,
.login_area .login_container .login_box .type_login[disabled] span:before,
.login_area .login_container .login_box fieldset[disabled] .type_login span:before {
  display: none;
}
@media all and (min-width: 801px) and (max-width: 1200px) {
  .login_box {
    width: 780px;
    margin-left: -390px;
    left: 50% !important;
  }
  .login_area .login_container .login_box .custom_checkbox {
    margin-top: 20px;
    margin-left: 78px;
  }
  .custom_checkbox ~ .login {
    float: right;
    margin-top: 20px!important;
    margin-right: 34px!important;
  }
}
@media all and (max-width: 800px) {
  .login_box {
    width: 780px;
    margin-left: -390px;
    left: 50% !important;
  }
  .login_area .login_container .login_box .custom_checkbox {
    margin-top: 20px;
    margin-left: 78px;
  }
  .custom_checkbox ~ .login {
    float: right;
    margin-top: 20px!important;
    margin-right: 34px!important;
  }
}



/*dialog*/
.sign_up_input {
    padding: 0 10px 18px 10px;
}
.sign_up_input:first-child {
    padding-top: 15px;
}
.sign_up_input input{
    width: 100%;
    font-size: 16px;
    font-family: CoreSansN55Medium;
}

