@charset "utf-8";

html, body, #wrap{height:100%;padding:0;margin:0;}

.lotte_chemical_web_login *{box-sizing:border-box;padding:0;margin:0;outline:0;}
.lotte_chemical_web_login .login_wrap{width:100%;height:100%;display:flex;flex-direction:row;}
.lotte_chemical_web_login .login_img{width:30%;height:100%;background:url(../images/login_img2.jpg) no-repeat left top/cover;}
.lotte_chemical_web_login .login_img .text_wrap{width:250px;margin:0 auto;padding-top:50px;}
.lotte_chemical_web_login .login_img .text_wrap .login_logo{width:100%;height:33px;background:url(../images/login_logo.png) no-repeat;}
.lotte_chemical_web_login .login_img .text_wrap h3{font-size:27px;color:#fff;font-weight:bold;line-height:150%;margin:25px 0;}
.lotte_chemical_web_login .login_content{position:relative;display:flex;flex-direction: column;justify-content:center;align-items:center;flex:1 1 auto;height:100%;}
.lotte_chemical_web_login .login{width:430px;}
.lotte_chemical_web_login .login_content h2{font-size:26px;color:#333;font-weight:bold;letter-spacing:-1.5px;text-align:center;}
.lotte_chemical_web_login .login_content h2 strong{color:#ed1c24}

.lotte_chemical_web_login .login_tab{list-style:none;margin:20px 0 15px;padding:0;}
.lotte_chemical_web_login .login_tab:after{display:block;content:'';clear:both;}
.lotte_chemical_web_login .login_tab li{float:left;width:25%;border-bottom:1px solid #ccc;}
.lotte_chemical_web_login .login_tab li a{display:block;text-align:center;height:40px;line-height:40px;font-size:17px;color:#999;font-weight:bold;text-decoration:none;border-bottom:3px solid transparent;}
.lotte_chemical_web_login .login_tab li.active a, .lotte_chemical_web_login .login_tab li a.active{color:#1873ce;border-bottom:3px solid #1873ce;}

.lotte_chemical_web_login input[type=text],.lotte_chemical_web_login input[type=password]{width:100%;height:50px;border:0;outline:0;margin:0;padding:0 10px;border-bottom:1px solid #999;margin-bottom:10px;font-size:15px;}
.lotte_chemical_web_login input[type=text]::placeholder,.lotte_chemical_web_login input[type=password]::placeholder{background:url(../images/id.png) no-repeat 0 50%;padding-left:23px;color:#bbb;}
.lotte_chemical_web_login input[type=password]::placeholder{background-image:url(../images/pw.png);}

.lotte_chemical_web_login .login_btn{width:100%;height:55px;background-color:#1873ce;border:0;border-radius:4px;font-size:18px;color:#fff;font-weight:bold;margin:15px 0 20px;}

.lotte_chemical_web_login .f_note{position:relative;font-size:14px;color:#666;padding:4px 0 4px 22px;margin:0;line-height:140%;}
.lotte_chemical_web_login .f_note:before{position:absolute;top:5px;left:1px;display:block;content:'!';width:16px;height:16px;line-height:15px;background-color:#ccc;border-radius:100px;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
.lotte_chemical_web_login .f_note mark{background-color:#e3f2f7;color:#43a7cc;}

.lotte_chemical_web_login  #footer{position:absolute;left:0;bottom:25px;width:100%;padding:0 30px;}
.lotte_chemical_web_login  .privercy_btn{display:inline-block;height:30px;line-height:28px;padding:0 10px;background-color:#fff;border:1px solid #ccc;border-radius:3px;font-size:14px;color:#666;}
.lotte_chemical_web_login .copyright{position:absolute;bottom:0;right:30px;line-height:30px;margin:0;font-size:13px;color:#999;}