@charset "utf-8";

/*login*/
body{margin:0;padding:0;background:#f5f6f7}
.login_content{position:relative;width:500px;height:460px;}
#login_content{position:absolute;top:50%;left:50%;margin-top:-230px;margin-left:-250px;width:500px;height:460px;z-index:1000;}
.login_content_idpass{position:relative;width:500px;clear:both;margin:0 auto;}
.login_content_idpass p.logo{width:400px;height:170px;background:url(../images/system_img/system_logo_login.png) no-repeat center center;margin:0 auto;margin-bottom:30px;}
.login_content_idpass p.title{width:400px;height:72px;background:url(../images/system_img/login_title.png) no-repeat center center;margin:0 auto;margin-bottom:30px;}
.login_idpass_wrap{position:relative;margin:0 auto;width:500px;margin-bottom:20px;}
.login_idpass p {margin-bottom:10px;}
.login_idpass p.input input{width:500px;height:50px;background-color:#fff;border:1px solid #d1d8e4;color:#6c6c6c;padding-left:16px;font:normal 19px "Malgun Gothic";line-height:24px;}
.login_idpass a.login_btn{display:block;margin:0 auto;width:500px;height:50px;background-color:#00854a;padding-top:12px;font:normal 19px "Malgun Gothic";line-height:28px;color:#fff;text-align:center;}
.login_idpass a.login_btn:hover{color:rgba(255,255,255,0.6);}
.login_idpass .buttun_wrap{position:relative;width:500px;margin:0 auto;margin-top:10px;overflow:hidden;}
.login_idpass .buttun_wrap .member_btn {position:absolute;top:2px;right:0;}
.login_idpass .buttun_wrap .member_btn a {position:relative;}
.login_idpass .buttun_wrap .member_btn a {position:relative;}
.login_idpass .buttun_wrap .member_btn a + a {margin-left:8px;padding-left:10px;}
.login_idpass .buttun_wrap .member_btn a + a:before {position:absolute;content:'';top:3px;left:0;width:1px;height:12px;background:rgba(0,0,0,0.1)}

.login_footer{position:relative;margin:0 auto;width:500px;border-top:1px solid #dfdfdf;font-family:"tahoma";font-size:11px;color:#a1a1a1;clear:both;text-align:center;}
.login_footer p{padding:10px 0 10px 0;}
.login_footer p strong {color:#00854a;font-weight:normal;}
.login_footer_engen {margin:0 auto;margin-top:10px;width:500px;text-align:center;}
.login_footer_engen p.logo {width:500px;height:30px;background:url(../images/system_img/login_footer_logo.png) no-repeat center;margin-bottom:20px;}
.login_footer_engen p.logo_com {width:500px;height:35px;background:url(../images/system_img/login_footer_logo_com.png) no-repeat center;margin-bottom:20px;}

.lg_toggle {position:relative;width:140px;cursor:pointer;}
.lg_toggle *, .lg_toggle *:before, .lg_toggle *:after {box-sizing:border-box;}
.lg_toggle input[type="checkbox"] {opacity:0;position:absolute;top:0;left:0;}
.lg_toggle input[type="checkbox"][disabled] ~ label {pointer-events:none;}
.lg_toggle input[type="checkbox"][disabled] ~ label .tg_tg_switch {opacity:0.4;}
.lg_toggle input[type="checkbox"]:checked ~ label .tg_tg_switch:before {content:attr(data-unchecked);left:0;}
.lg_toggle input[type="checkbox"]:checked ~ label .tg_tg_switch:after {content:attr(data-checked);}
.lg_toggle label {
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.lg_toggle label .tg_label {
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  padding-left:10px;
}
.lg_toggle label .tg_tg_switch {position:relative;}
.lg_toggle label .tg_tg_switch:before {content:attr(data-checked);position:absolute;top:0;text-transform:uppercase;text-align:center;}
.lg_toggle label .tg_tg_switch:after {content:attr(data-unchecked);position:absolute;z-index:5;text-transform:uppercase;text-align:center;background:white;
  -webkit-transform:translate3d(0, 0, 0);
          transform:translate3d(0, 0, 0);
}
.lg_toggle input[type="checkbox"][disabled] ~ label {color:rgba(119, 119, 119, 0.5);}
.lg_toggle input[type="checkbox"]:focus ~ label .tg_tg_switch, .lg_toggle input[type="checkbox"]:hover ~ label .tg_tg_switch {background-color:#898d93;}
.lg_toggle input[type="checkbox"]:focus ~ label .tg_tg_switch:after, .lg_toggle input[type="checkbox"]:hover ~ label .tg_tg_switch:after {color:#5e5e5e;}
.lg_toggle input[type="checkbox"]:hover ~ label {color:#6a6a6a;}
.lg_toggle input[type="checkbox"]:checked ~ label:hover {color:#d0112b;}
.lg_toggle input[type="checkbox"]:checked ~ label .tg_tg_switch {background-color:#70c767;}
.lg_toggle input[type="checkbox"]:checked ~ label .tg_tg_switch:after {color:#4fb743;}
.lg_toggle input[type="checkbox"]:checked:focus ~ label .tg_tg_switch, .lg_toggle input[type="checkbox"]:checked:hover ~ label .tg_tg_switch {background-color:#d0112b;}
.lg_toggle input[type="checkbox"]:checked:focus ~ label .tg_tg_switch:after, .lg_toggle input[type="checkbox"]:checked:hover ~ label .tg_tg_switch:after {color:#47a43d;}
.lg_toggle label .tg_label {
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.lg_toggle label .tg_tg_switch {
  -webkit-transition:background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition:background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background:#898d93;
}
.lg_toggle label .tg_tg_switch:before {color:rgba(255, 255, 255, 0.5);}
.lg_toggle label .tg_tg_switch:after {
  -webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition:transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition:transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  color:#777;
}
.lg_toggle input[type="checkbox"]:focus ~ label .tg_tg_switch:after, .lg_toggle input[type="checkbox"]:hover ~ label .tg_tg_switch:after {box-shadow:0 2px 2px rgba(0, 0, 0, 0.4);}
.lg_toggle input[type="checkbox"]:checked ~ label .tg_tg_switch:after {-webkit-transform:translate3d(65px, 0, 0);transform:translate3d(65px, 0, 0);}
.lg_toggle input[type="checkbox"]:checked:focus ~ label .tg_tg_switch:after, .lg_toggle input[type="checkbox"]:checked:hover ~ label .tg_tg_switch:after {box-shadow:0 2px 2px rgba(0, 0, 0, 0.4);}
.lg_toggle label {font-size:14px;}
.lg_toggle label .tg_tg_switch {
  height:36px;
  -webkit-box-flex:0;
  -webkit-flex:0 0 134px;
      -ms-flex:0 0 134px;
          flex:0 0 134px;
  border-radius:4px;
}
.lg_toggle label .tg_tg_switch:before {left:67px;font-size:12px;line-height:36px;width:67px;padding:0;}
.lg_toggle label .tg_tg_switch:after {top:2px;left:2px;border-radius:2px;width:65px;line-height:32px;font-size:12px;}
.lg_toggle label .tg_tg_switch:hover:after {box-shadow:0 2px 2px rgba(0, 0, 0, 0.4);}
.lg_toggle.tg_style input[type="checkbox"][disabled] ~ label {color:rgba(68, 68, 68, 0.5);}
.lg_toggle.tg_style input[type="checkbox"]:focus ~ label .tg_tg_switch, .lg_toggle.tg_style input[type="checkbox"]:hover ~ label .tg_tg_switch {background-color:#767676;}
.lg_toggle.tg_style input[type="checkbox"]:focus ~ label .tg_tg_switch:after, .lg_toggle.tg_style input[type="checkbox"]:hover ~ label .tg_tg_switch:after {color:#00854a;}
.lg_toggle.tg_style input[type="checkbox"]:hover ~ label {color:#373737;}
.lg_toggle.tg_style input[type="checkbox"]:checked ~ label:hover {color:#00854a;}
.lg_toggle.tg_style input[type="checkbox"]:checked ~ label .tg_tg_switch {background-color:#00854a;}
.lg_toggle.tg_style input[type="checkbox"]:checked ~ label .tg_tg_switch:after {color:#00854a;}
.lg_toggle.tg_style input[type="checkbox"]:checked:focus ~ label .tg_tg_switch, .lg_toggle.tg_style input[type="checkbox"]:checked:hover ~ label .tg_tg_switch {background-color:#00854a;}
.lg_toggle.tg_style input[type="checkbox"]:checked:focus ~ label .tg_tg_switch:after, .lg_toggle.tg_style input[type="checkbox"]:checked:hover ~ label .tg_tg_switch:after {color:#00854a;}
.lg_toggle.tg_style label .tg_label {
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.lg_toggle.tg_style label .tg_tg_switch {
  -webkit-transition:background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition:background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  background:#898d93;
}
.lg_toggle.tg_style label .tg_tg_switch:before {
  color:rgba(255, 255, 255, 0.7);
}
.lg_toggle.tg_style label .tg_tg_switch:after {
  -webkit-transition:-webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition:-webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition:transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition:transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  color:#898d93;
}
.lg_toggle.tg_style input[type="checkbox"]:focus ~ label .tg_tg_switch:after, .lg_toggle.tg_style input[type="checkbox"]:hover ~ label .tg_tg_switch:after {
  box-shadow:0 2px 2px rgba(0, 0, 0, 0.4);color:rgba(0,0,0,0);text-indent:-900px;overflow:hidden;
}
.lg_toggle.tg_style input[type="checkbox"]:checked ~ label .tg_tg_switch:after {
  -webkit-transform:translate3d(26px, 0, 0);
          transform:translate3d(26px, 0, 0);color:rgba(0,0,0,0);text-indent:-900px;overflow:hidden;
}
.lg_toggle.tg_style input[type="checkbox"]:checked:focus ~ label .tg_tg_switch:after, .lg_toggle.tg_style input[type="checkbox"]:checked:hover ~ label .tg_tg_switch:after {
  box-shadow:0 2px 2px rgba(0, 0, 0, 0.4);color:rgba(0,0,0,0);text-indent:-900px;overflow:hidden;
}
.lg_toggle.tg_style label {font-size:13px;}
.lg_toggle.tg_style label .tg_tg_switch {
  height:20px;
  -webkit-box-flex:0;
  -webkit-flex:0 0 46px;
      -ms-flex:0 0 46px;
          flex:0 0 46px;
  border-radius:20px;
}
.lg_toggle.tg_style label .tg_tg_switch:before {left:60px;font-size:13px;line-height:20px;width:20px;padding:0;color:rgba(0,0,0,0);text-indent:-900px;overflow:hidden;}
.lg_toggle.tg_style label .tg_tg_switch:after {top:2px;left:2px;border-radius:16px;width:16px;line-height:16px;font-size:13px;color:rgba(0,0,0,0);text-indent:-900px;overflow:hidden;}
.lg_toggle.tg_style label .tg_tg_switch:hover:after {box-shadow:0 2px 2px rgba(0, 0, 0, 0.4);}