@charset "utf-8";

@import url('reset.css');
@import url('customize.css');

/* login */
html, body {
    height:100%; font-family:'Noto Sans KR','Lucida Sans Unicode','Malgun Gothic',Arial,'Dotum',sans-serif; font-size:13px; line-height:1.5em; font-weight:400; color:#555; background-color:#f4f4f4;
}
#cu-login {
    display:flex; position:relative; width:100%; height:100%; min-height:100%; flex-wrap:wrap; justify-content:center; align-items:center; background-color:#f4f4f4;
}
#cu-login .cu-container {
    position:relative; width:600px; padding:20px;
}
#cu-login .cu-logo {
    position:relative; width:100%;
}
#cu-login .cu-logo .cu-link-home {
    display:block; width:160px; height:20px; margin:auto; background:url("../images/logo.png") 50% 50% no-repeat;
}
#cu-login .cu-title {
    position:relative; font-family:'Roboto','Noto Sans KR',Arial,'Dotum',sans-serif; font-size:30px; line-height:1em; color:#333; font-weight:400; text-align:center; padding:10px 0px 25px 0px;
}
#cu-login .cu-content {
    display:flex; position:relative; flex-wrap:wrap;
}
#cu-login .cu-content .cu-wrap-input {
    display:flex; position:relative; width:50%; height:80px; flex-wrap:wrap; align-items:flex-end; border:1px solid #ddd; border-bottom:none; background-color:#fff; overflow:hidden;
}
#cu-login .cu-content .cu-wrap-input.cu-input-1 {
    border-top-left-radius:6px;
}
#cu-login .cu-content .cu-wrap-input.cu-input-2 {
    border-top-right-radius:6px; border-left:none;
}
#cu-login .cu-content .cu-wrap-input .cu-form-input {
    display:block; width:100%; height:100%; font-family:'Roboto','Noto Sans KR',Arial,'Dotum',sans-serif; font-size:18px; line-height:1em; color:#333; font-weight:400; padding:0px 30px; border:none; transition:all 0.3s ease-in-out;
}
#cu-login .cu-content .cu-wrap-input .cu-label {
    display:block; position:absolute; width:100%; left:0px; top:32px; font-size:16px; line-height:1em; color:#555; font-weight:300; padding:0px 30px; transition:all 0.3s ease-in-out; pointer-events: none;
}
#cu-login .cu-content .cu-wrap-input .cu-form-input:focus {
    height:45px; margin-bottom:5px;
}
#cu-login .cu-content .cu-wrap-input .cu-form-input:focus + .cu-label {
    top:15px; font-size:13px; color:#999;
}
#cu-login .cu-content .cu-wrap-input .cu-form-input.cu-has-val {
    height:45px; margin-bottom:5px;
}
#cu-login .cu-content .cu-wrap-input .cu-form-input.cu-has-val + .cu-label {
    top:15px; font-size:13px; color:#999;
}

#cu-login .cu-warning-message {
    display:none; position:relative; width:100%; font-size:12px; line-height:1.5em; color:#e43121; padding:8px 20px; border:1px solid #ddd; border-bottom:0px; background-color:#fff;
}
#cu-login .cu-warning-message.cu-display {
    display:block;
}

#cu-login .cu-content .cu-wrap-btn {
    clear:both; display:flex; position:relative; width:100%; height:80px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; overflow:hidden;
}
#cu-login .cu-content .cu-wrap-btn .cu-btn-login {
    display:block; width:100%; height:100%; font-size:20px; line-height:1em; color:#fff; font-weight:300; border:none; background-color:#24292e; transition:all 0.3s ease-in-out;
}
#cu-login .cu-content .cu-wrap-btn .cu-btn-login:focus, #cu-login .cu-content .cu-wrap-btn .cu-btn-login:hover {
    background-color:#0082dd;
}

#cu-login .cu-options {
    position:relative; padding:25px 0px; border-bottom:1px solid #ddd;
}
#cu-login .cu-options::after {
    content:""; display:table; clear:both;
}
#cu-login .cu-options .cu-checkId {
    float:left; position:relative;
}
#cu-login .cu-options .cu-custom-checkbox input[type=checkbox] {
    position:absolute; opacity:0; z-index:-1;
}
#cu-login .cu-options .cu-custom-checkbox .cu-checkmark {
    position:absolute; width:22px; height:22px; top:0px; left:0px; border:1px solid #ddd; background-color:#fff; border-radius:50%;
}
#cu-login .cu-options .cu-custom-checkbox .cu-checkmark::after {
    content:""; display:block; position:absolute; width:5px; height:9px; border-bottom:2px solid #ccc; border-right:2px solid #ccc; top:4px; left:6px; transform:rotate(45deg);
}
#cu-login .cu-options .cu-custom-checkbox input:checked ~ .cu-checkmark {
    border-color:#0082dd;
}
#cu-login .cu-options .cu-custom-checkbox input:checked ~ .cu-checkmark::after {
    border-color:#0082dd;
}
#cu-login .cu-options .cu-custom-checkbox .cu-label {
    display:inline-block; height:22px; padding-left:30px;
}

#cu-login .cu-options .cu-accountInfo {
    float:right; position:relative;
}
#cu-login .cu-options .cu-accountInfo span::before {
    content:"/"; display:inline-block; font-family:inherit; color:#aaa; font-weight:300; padding:0px 8px;
}
#cu-login .cu-options .cu-accountInfo span:first-child::before {
    content:""; display:none;
}
#cu-login .cu-options .cu-accountInfo a {
    color:#606060; transition:all 0.3s ease-in-out;
}
#cu-login .cu-options .cu-accountInfo a:hover {
    color:#222;
}

#cu-login .cu-footer {
    position:relative; font-size:12px; line-height:1.5em; color:#777; font-weight:300; text-align:center; padding:15px 0px;
}