@charset "utf-8";article,aside,figcaption,figure,footer,header,menu,nav,section{display:block}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0 none}dl,li,menu,ol,ul{list-style:none}button,img,input,select,textarea{vertical-align:middle}button{border:0 none;background-color:transparent;cursor:pointer}body,button,input,select,td,textarea,th{color:#444;font-size:12px;line-height:1.231}body{background:#fff}a{color:#333;text-decoration:none;cursor:pointer}address,caption,cite,code,dfn,em,var{font-weight:400;font-style:normal}table{border-collapse:collapse}hr,legend{display:none}h1,h2,h3,h4,h5,h6{font:inherit;font-weight:700}iframe{overflow:hidden;width:100%;margin:0;padding:0;border:0 none}.login_wrap{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;text-align:center}.login_wrap::after{content:"";display:inline-block;vertical-align:middle;height:100%}.login_box{display:inline-block;vertical-align:middle;text-align:left}.login_box .login_cont{position:relative;border:1px solid #eee;background:#fff}.login_box .login_cont .logo{position:absolute;top:50%;left:0;width:330px;margin-top:-42px;text-align:center}.login_box .login_cont .form{position:relative;width:317px;height:calc(100% - 94px);margin:47px 0 47px 331px;padding:0 115px 0 56px;border-left:1px solid #dfdfdf}.login_box .login_cont .form .ctrl{overflow:hidden;margin-bottom:13px;line-height:26px}.login_box .login_cont .form .ctrl label{color:#444;font-weight:700;font-size:13px}.login_box .login_cont .form .ctrl select{vertical-align:top;min-width:100px;height:26px;margin-left:10px;border:1px solid #ccc}.login_box .login_cont .form .ctrl .language{float:right}.login_box .login_cont .form .row{position:relative;margin:0 0 10px;font-size:0}.login_box .login_cont .form .row label{position:absolute;top:0;left:0;width:45px;height:50px;text-align:center}.login_box .login_cont .form .row label::before{content:"";display:inline-block;vertical-align:middle;width:20px;height:18px;background:url(../image/login/ic_id.png) no-repeat}.login_box .login_cont .form .row label::after{content:"";display:inline-block;vertical-align:middle;height:100%}.login_box .login_cont .form .row label.pw::before{background-image:url(../image/login/ic_pw.png)}.login_box .login_cont .form .row label.vendor::before{width:30px;height:29px;background-image:url(../image/login/ic_vendor.png)}.login_box .login_cont .form .row label.branch::before{width:29px;height:22px;background:url(../image/login/ic_branch.png)}.login_box .login_cont .form .row input,.login_box .login_cont .form .row select{box-sizing:border-box;width:100%;height:50px;padding:0 5px 0 45px;border:1px solid #dbdbdb;color:#505050;font-size:14px;text-align:center}.login_box .login_cont .form .row input:focus,.login_box .login_cont .form .row select:focus{border-color:#858585;outline-color:transparent}.login_box .login_cont .form .row input::input-placeholder{color:#acacac}.login_box .login_cont .form .row input:input-placeholder{color:#acacac}.login_box .login_cont .form .row select:invalid{color:#acacac}.login_box .login_cont .form .recaptcha{margin:10px 0 19px}.login_box .login_cont .form .recaptcha img{display:inline-block;border:1px solid #dbdbdb}.login_box .login_cont .form .recaptcha .icon_reflesh{display:inline-block;vertical-align:top;width:24px;height:24px;margin:20px 0 0 5px;border:none;background:url(../image/login/ic_refresh2.png) no-repeat;font-size:0}.login_box .login_cont .form .recaptcha .item{position:relative;margin:7px 0 0}.login_box .login_cont .form .recaptcha .item label{position:absolute;top:0;right:0;bottom:0;left:0;color:#acacac;font-size:11px;line-height:40px;text-align:center}.login_box .login_cont .form .recaptcha .item input{width:100%;height:40px;border:1px solid #dbdbdb;color:#7f7f7f;font-weight:700;font-size:14px;text-align:center}.login_box .login_cont .form .btn_login{display:block;width:100%;border:1px solid rgba(0,0,0,.1);background-color:#48a0df;color:#fff;font-weight:700;font-size:15px;line-height:56px;text-align:center;text-transform:uppercase}.login_box .login_cont .form .save{position:relative;display:inline-block}.login_box .login_cont .form .save input[type=checkbox]{position:absolute;top:0;left:0;width:16px;height:16px;opacity:0}.login_box .login_cont .form .save label{color:#646464;cursor:pointer}.login_box .login_cont .form .save label::before{content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;margin:-1px 5px 0 0;border:1px solid #dbdbdb;border-radius:1px}.login_box .login_cont .form .save input:checked+label::after{content:"";position:absolute;top:3px;left:3px;width:8px;height:4px;border:solid #969696;border-width:0 0 2px 2px;transform:rotate(-45deg)}.login_box .login_cont .form .etc{position:relative}.login_box .login_cont .form .etc .save{position:absolute;top:-24px;left:325px;white-space:nowrap}.login_box .login_cont .form .etc .lnk{padding:23px 0 5px;text-align:center}.login_box .login_cont .form .etc .lnk a{margin:0 23px;color:#828080;font-size:11px;text-decoration:underline}.login_box .login_footer{padding:70px 0 0;color:#666;font-size:11px;text-align:center}.login_asr .login_cont .form .btn_login{background-color:#ed2f3d}.login_ssm .ctrl .login_kind{float:left}.login_ssm .ctrl .login_kind label{margin:0 20px 0 5px}.login_ssm .row:nth-child(2){margin-bottom:7px;padding-bottom:7px;border-bottom:1px dashed #dfdfdf}.login_ssm .row_same{margin-bottom:25px;text-align:right}.login_qtcs .login_cont .logo{margin-top:-60px}.login_qtcs .login_cont .row:nth-child(1){margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #dfdfdf}.login_qtcs .login_cont .row:nth-child(1) input{width:calc(100% - 73px);margin-right:3px}.login_qtcs .login_cont .row .btn{display:inline-block;box-sizing:border-box;width:70px;height:50px;border:1px solid #dab1f0;color:#a33cd9;font-weight:700;text-align:center}.login_qtcs .login_cont .form .btn_login{background-color:#a33cd9}.login_qtcs .login_notice{color:#787878;line-height:20px;text-align:center}.login_qtcs .login_notice strong{display:block;margin:30px 0 0;font-size:13px}@media screen and (max-width:822px){.login_wrap{position:relative;margin:100px 0 0}.login_box .login_cont .logo{top:60px;left:50%;margin:0 0 0 -110px}.login_box .login_cont .form{margin:200px 0 0;padding:0 80px;border:none}}