@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;
}
::-webkit-input-placeholder {
	color:#999 !important;
}
::-moz-placeholder {
	color:#999 !important;
}
:-ms-input-placeholder {
	color:#999 !important;
}
input[readonly] {
    cursor:default;
}

#cu-account {
    display:flex; position:relative; width:100%; height:100%; min-height:100%; flex-wrap:wrap; justify-content:center; align-items:center; background-color:#f4f4f4;
}
#cu-account .cu-container {
    position:relative; padding:20px;
}
#cu-account .cu-logo {
    position:relative; width:100%;
}
#cu-account .cu-logo .cu-link-home {
    display:block; width:160px; height:20px; margin:auto; background:url("../images/logo.png") 50% 50% no-repeat;
}
#cu-account .cu-title {
    position:relative; font-family:'Roboto','Noto Sans KR',Arial,'Dotum',sans-serif; font-size:26px; line-height:1em; color:#333; font-weight:400; text-align:center; padding:10px 0px 25px 0px;
}
#cu-account .cu-content {
    display:flex; position:relative; flex-wrap:wrap;
}
#cu-account .cu-content.cu-inputset {
    width:400px;
}
#cu-account .cu-content.cu-complete {
    width:auto;
}
#cu-account .cu-content .cu-fieldset {
    position:relative; width:100%; padding-bottom:6px;
}
#cu-account .cu-content.cu-inputset .cu-form-input {
    width:100%; height:50px; font-size:14px; line-height:1em; color:#333; font-weight:400; padding:0px 20px; border-color:#ddd;
}
#cu-account .cu-warning-message {
    display:none; position:relative; width:100%; font-size:12px; line-height:1.5em; color:#e43121; padding:3px 5px 5px 5px;
}
#cu-account .cu-warning .cu-warning-message {
    display:block;
}

#cu-account .cu-options {
    position:relative; width:100%; padding-top:10px;
}
#cu-account .cu-options::after {
    content:""; display:table; clear:both;
}
#cu-account .cu-options .cu-left {
    float:left; position:relative;
}
#cu-account .cu-options .cu-custom-checkbox input[type=checkbox] {
    position:absolute; opacity:0; z-index:-1;
}
#cu-account .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-account .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-account .cu-options .cu-custom-checkbox input:checked ~ .cu-checkmark {
    border-color:#0082dd;
}
#cu-account .cu-options .cu-custom-checkbox input:checked ~ .cu-checkmark::after {
    border-color:#0082dd;
}
#cu-account .cu-options .cu-custom-checkbox .cu-label {
    display:inline-block; height:22px; padding-left:30px;
}
#cu-account .cu-options .cu-right {
    float:right; position:relative;
}
#cu-account .cu-options .cu-right span::before {
    content:"/"; display:inline-block; font-family:inherit; color:#aaa; font-weight:300; padding:0px 8px;
}
#cu-account .cu-options .cu-right span:first-child::before {
    content:""; display:none;
}
#cu-account .cu-options .cu-right a {
    color:#606060; transition:all 0.3s ease-in-out;
}
#cu-account .cu-options .cu-right a:hover {
    color:#222;
}

#cu-account .cu-content.cu-complete .cu-context {
    width:100%; text-align:center; padding-bottom:50px;
}
#cu-account .cu-content.cu-complete .cu-context .cu-htext {
    font-size:36px; line-height:1.5em; color:#333; font-weight:300; padding-bottom:5px;
}
#cu-account .cu-content.cu-complete .cu-context .cu-text {
    font-size:16px; line-height:1.8em; color:#333; font-weight:300;
}
#cu-account .cu-content.cu-complete .cu-context .cu-text em {
    color:#0082dd; font-weight:400;
}

#cu-account .cu-content .cu-btns {
    margin-top:20px;
}
#cu-account .cu-content.cu-complete .cu-btns {
    width:400px; margin:auto;
}
#cu-account .cu-btns .cu-col {
    float:left; padding:0px 5px;
}
#cu-account .cu-btns .cu-btn {
    height:60px; font-size:18px; font-weight:300;
}

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