@charset "utf-8";
/* CSS Document */

body{width:100%;height:100%;margin:0;padding:0;background:url(../image/login_bg.png) right 130px center no-repeat #f3f3f3;font-family:'Lato', sans-serif}
/* login */
#login_wrapper {position:absolute;width:1300px;height:720px;background:url(../image/login_logo.png) left center no-repeat}
.hc {width:200px;left:0;right:0;margin-left:auto;margin-right:auto} /* 가로 중앙 정렬 */
.vc {height:40px;top: 0;bottom:0;margin-top:auto;margin-bottom:auto} /* 세로 중앙 정렬 */

.login_logo {float:left}
.login_input {float:right;width:580px;padding:57px 50px 120px;border-radius:4px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.2)}
.login_input input {width:100%;border:1px solid #d5d5d5;height:60px;padding:0 10px;box-sizing:border-box;border-radius:3px;line-height:60px;font-size:18px;color:#666;background-color:#f6f6f6}
.login_input input.username {margin-bottom:30px}
.login_input span.username_msg {float:right;margin-top:10px;font-weight:600;font-size:14px;color:#d83c3a;letter-spacing:-0.02em;}
.login_input span.password_msg {float:right;margin-top:10px;font-weight:600;font-size:14px;color:#d83c3a;letter-spacing:-0.02em;}
.login_input .login_txt {margin-bottom:85px}
.login_input .login_txt p {margin:0;padding-bottom:20px;font-size:40px;font-weight:900;color:#272727}
.login_input .login_txt span {font-size:18px;color:#666;line-height:30px}
.login_input ::-webkit-input-placeholder {color:#c8d0da}
.login_input ::-moz-input-placeholder {color:#c8d0da}
.login_input :-ms-input-placeholder {color:#c8d0da}
.login_input :-moz-input-placeholder {color:#c8d0da}
.login_re {float:right;margin-top:10px;font-weight:600;font-size:14px;color:#d83c3a;letter-spacing:-0.02em}

.login_btn {display:inline-block;width:100%;height:65px;margin-top:90px;font-size:25px;font-weight:600;line-height:65px;border:none;border-radius:5px;background-color:#0e7bbd;background:url(../image/login_btn_bg.png) left top no-repeat #d83c3a;text-align:center;letter-spacing:0.1em;color:#fff;cursor:pointer;font-family:'Myriad Pro', sans-serif}
.login_btn img {display:inline-block;vertical-align:middle;padding-right:6px}
.copyright {position:absolute;left:0;right:0;bottom:20px;text-align:center;font-size:12px;letter-spacing:-0.01em;color:#9b9b9b}

.enroll_input {float:right;width:580px;padding:30px 50px 40px;border-radius:4px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.2)}
.enroll_input input {width:100%;border:1px solid #d5d5d5;height:60px;padding:0 10px;margin-bottom:10px;box-sizing:border-box;border-radius:3px;line-height:60px;font-size:18px;color:#666;background-color:#f6f6f6}
.enroll_input input.username {margin-bottom:30px}
.enroll_input span.username_msg {float:right;margin-top:10px;font-weight:600;font-size:14px;color:#d83c3a;letter-spacing:-0.02em;}
.enroll_input span.password_msg {float:right;margin-top:10px;font-weight:600;font-size:14px;color:#d83c3a;letter-spacing:-0.02em;}
.enroll_input .enroll_txt {margin-bottom:10px}
.enroll_input .enroll_txt p {margin:0;padding-bottom:20px;font-size:40px;font-weight:900;color:#272727}
.enroll_input .enroll_txt span {font-size:18px;color:#666;line-height:30px}
.enroll_input ::-webkit-input-placeholder {color:#c8d0da}
.enroll_input ::-moz-input-placeholder {color:#c8d0da}
.enroll_input :-ms-input-placeholder {color:#c8d0da}
.enroll_input :-moz-input-placeholder {color:#c8d0da}

select {display:inline-block;float:left;width:100%;height:60px;padding:4px 10px 5px;margin-bottom:10px;border-radius:2px;border:1px solid #d2d2d2;box-sizing:border-box;line-height:19px !important;font-size:13px;letter-spacing:-0.4px;color:#888;box-shadow:inset 0 0 4px #e4e4e4;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../image/select_bg.png') #fff no-repeat 98% 50%;cursor:pointer}
.enroll_btn {display:inline-block;width:100%;height:65px;margin-top:20px;font-size:25px;font-weight:600;line-height:65px;border:none;border-radius:5px;background-color:#0e7bbd;background:url(../image/login_btn_bg.png) left top no-repeat #d83c3a;text-align:center;letter-spacing:0.1em;color:#fff;cursor:pointer;font-family:'Myriad Pro', sans-serif}
.enroll_btn img {display:inline-block;vertical-align:middle;padding-right:6px}

@media all and (max-width:1370px) {
#login_wrapper {width:1000px;transition:ease-out .2s}
}