.wrap{ font-family: 'NanumSquare',sans-serif; background: url(/direct/img/login/main_bg.png) no-repeat; width: 100%; height: 100%; overflow: hidden; padding: 65px 0; } .login_wrap{ width: 1280px; height: 780px; overflow: hidden; border-radius: 50px; background-color: #fff; box-shadow: 7px 9px 16px rgba(0, 0, 0, 0.24); margin: 0 auto; } .login_left{ display: inline-block; background-repeat: no-repeat; overflow: hidden; background: url(/direct/img/login/login_left_bg.png); position: relative; } .ncms_title{position: absolute;bottom: 30px;left: 60px;font-size: 17px;font-weight: 600;color: #fff;letter-spacing: 1px} .login_left img{ padding: 294px 240px; } .login_right{ display: inline-block; float: right; background-color: #fff; margin-right: 120px; /*margin-left: 120px;*/ margin-top: 190px; } .id_box , .pw_box{ font-size: 22px; } .pw_box,.submit_box{ margin-top: 50px; } .id_box p , .pw_box p{ font-weight: 500; } .id_box input , .pw_box input{ border: none; width: 330px; padding: 7px 14px; border-bottom: 2px solid #777; margin-top: 30px; font-size: 15px; } .saveId{font-size: 15px;vertical-align: middle;margin-top: 10px;} .saveId input[type="checkbox"]+label{margin-top: -3px;width: 13px;height: 13px;} .saveId label{font-weight: 400;margin-left: 5px;color: #777;} .saveId input[type="checkbox"]:checked+label+label{font-weight: 500;color: #0388d2} .submit_box input{ border: none; background-color: #0388d2; padding: 20px 150px; font-size: 19px; color: #fff; font-weight: bold; letter-spacing: 1px; } .sign_box{ margin-top: 20px; } .sign_box ul li{ font-size: 13px; color: #999; display: inline-block; } .sign_box ul li:nth-child(1){ margin-left: 46px; } .sign_box ul li:nth-child(2){ margin-left: 80px; } .sign_box ul li:hover{ color: #0388d2; } .copyright{ margin-top: 140px; text-align: center; color: #333; } .on{ border-bottom: 2px solid #0388d2; } .text_on{ color: #0388d2; }