nav, ul {list-style:none;}

/*intro-wrap*/


#doc {position: relative;width:100%;height:100%; min-width:320px;}


#login_wrap{width:100%;height:100dvh;display:flex;}
.login_cell{width:calc(100% / 2);background:url('/share/boss/img/Login/login_bg.png') no-repeat center center/100% 100%;}
.login_cell .login_tit_box{width:21.7rem;margin:24.7rem auto;text-align:center;}
.login_cell .login_tit_box .login__tit{font-family:var(--font-point);font-weight:700;font-size:5rem;color:#fff;line-height:1.5;}
.login_cell .login_tit_box .login__stit{font-family:var(--font-point);font-weight:400;font-size:2.4rem;color:#fff;line-height:1.5;}
.login_container_wrap{width:calc(100% / 2);background-color:#fff;}
.login_container{width:460px;max-width:calc(100% - 40px);margin:0 auto;position:relative;top:50%;transform:translateY(-50%);z-index:1;}


/* login_top */
.login_top{position:relative;margin-bottom:4rem;width:100%;text-align:center;}
.login_top .login_logo{width:6.8rem;height:4rem;margin:0 auto 2.7rem auto;}
.login_top .login_logo img{width:100%;height:100%;}
.login_top .stxt{font-family:var(--font-point);font-weight:400;font-size:var(--font-d);}


/* login_cont */
.login_cont{position:relative;width:100%;}
.login_input_box .login__input{width:100%;position:relative;}
.login_input_box .login__input + .login__input{margin-top:1rem;}
.login_input_box .login__input.id::before{content:"";display:block;width:1.3rem;height:1.9rem;background:url('/share/boss/img/Login/id_ico.svg') no-repeat center center/100% 100%;position:absolute;top:50%;left:2rem;transform:translateY(-50%);}
.login_input_box .login__input.pw::before{content:"";display:block;width:1.4rem;height:1.8rem;background:url('/share/boss/img/Login/pw_ico.svg') no-repeat center center/100% 100%;position:absolute;top:50%;left:2rem;transform:translateY(-50%);}
.login_input_box .login__input input{width:100%;height:5rem;padding:1.5rem 2rem 1.5rem 5rem;border:none;background-color:var(--bg-grayB) !important;box-shadow:none;border-radius:5px;}
.login_input_box .login__input input:focus{outline:2px solid #000;}
.login_input_box .login__input.pw .pw_none_btn{position:absolute;top:50%;right:2rem;transform:translateY(-50%);width:1.6rem;height:1.1rem;background:url('/share/boss/img/Login/pw_none.svg') no-repeat center center/100% 100%;}
.login_input_box .login__input.pw .pw_none_btn.active{background:url('/share/boss/img/Login/pw_on.svg') no-repeat center center/100% 100%;}
.login_save{position:relative;margin:4rem 0 5rem 0;}
.login_save input[type="checkbox"]{display:none;}
.login_save input[type="checkbox"]:checked+label::before{background:url('/share/boss/img/Login/checkbox_checked.svg') no-repeat center center/100% 100%;}
.login_save label{display:inline-block;padding-left:2.3rem;font-size:var(--font-s);cursor:pointer;vertical-align:middle;}
.login_save label::before{content:"";display:block;width:1.6rem;height:1.6rem;background:url('/share/boss/img/Login/checkbox.svg') no-repeat center center/100% 100%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.login_btn{width:100%;height:5rem;text-align:center;border-radius:5px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);}
.login_btn span{font-size:var(--font-b);font-weight:600;}


/* copyright */
.login_footwrap{width:100%;margin-top:2rem;text-align:center;}
.login_footwrap .foot-copy{font-size:var(--font-s);font-weight:400;color:var(--font-gray);}