@charset "utf-8";

/* Poppins Font */
/* @import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);  font-weight : 300, 400, 500, 600, 700 */

/* Noto Font - font-weight : 100, 300, 400, 500, 700, 900 */
/*  @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */


/* CSS Document */

html, body {height: 100%; min-height: 800px;}
body > div[data-wv-layout="layout"] {height: 100%;}
.main_wrap {height: 100%;}
.main_wrap > div[data-wv-layout-element="layout-page"] {position: static; float: none; height: 100%;}
.main_wrap div[data-wv-layout-element]{height: 100%;}

/*관리자 로그인페이지*/
.login_bg_wrap {background: url("../img/login_bg.jpg") no-repeat center center; background-size: cover; font-family: "Noto Sans KR";}
.login_bg_wrap .contents_wrap {max-width: 525px;}
.login_bg_wrap h1 {color: #fff;}
.login_bg_wrap .administrator {background: url("../img/admin_bar.jpg") no-repeat left 12px;font-weight: bold;letter-spacing: -0.05rem;}
.login_bg_wrap .en {font-family: "Poppins";}
.login_bg_wrap .login_info_bar {width: 187px; border-top: 6px solid #fff;}
.login_bg_wrap .login_info_text {color: #fff; opacity: 0.5; filter:alpha(opacity=50); font-weight: 100; letter-spacing: -0.05em;}
.login_bg_wrap .form_wrap {}
.login_bg_wrap .li_border {border-bottom: 1px solid rgba(255, 255, 255, .1);}
.login_bg_wrap .mb100 {margin-bottom: 100px;}
.login_bg_wrap .select_style0 {background-color: transparent; background-image: url('../img/select_arrow.png'); background-position: center right 20px; border: 1px solid rgba(255, 255, 255, .3); font-size: 18px; color: #fff; height: 53px; line-height: 20px; padding: 0px 20px; font-weight: 300;}
.login_bg_wrap .select_style0 option {background-color: #554d4b;}
.login_bg_wrap .input_com {border: none; background-color: transparent; color: #fff; max-width: 350px; font-weight: 400; font-size: 18px; line-height: 18px; height: 38px; padding: 10px;}
.login_bg_wrap .input_id {border: none; background-color: transparent; color: #fff; max-width: 350px; font-weight: 400; font-size: 18px; line-height: 18px; height: 38px; padding: 10px;}
.login_bg_wrap .input_pw {border: none; background-color: transparent; color: #fff; max-width: 350px; font-weight: 400; font-size: 18px; line-height: 18px; height: 38px; padding: 10px;}
/* .login_bg_wrap .input_id {border: none; background-color: transparent; color: #fff; max-width: 350px; font-weight: 400; font-size: 24px; padding-bottom: 10px;} */
/* .login_bg_wrap .input_pw {border: none; background-color: transparent; color: #fff; max-width: 350px; font-weight: 400; font-size: 24px; padding-bottom: 10px;} */
.login_bg_wrap .input_certkey {width: 100%; box-sizing: border-box; padding: 12px 14px 11px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 2px; text-align: left; background-color: transparent; color: #fff; font-size:1.4rem; font-size: 14px; line-height: 2.0rem; line-height: 20px; letter-spacing: -0.03em; height: auto; font-weight: 100;}
/* .login_bg_wrap .id_label {width: 33px; height: 33px; color: #000; background-color: #fff; border-radius: 50%;} */
/* .login_bg_wrap .pw_label {width: 33px; height: 33px; color: #000; background-color: #fff; border-radius: 50%;} */
.login_bg_wrap .com_label {width: 40px; padding-bottom: 18px;}
.login_bg_wrap .id_label {width: 40px; padding-bottom: 18px;}
.login_bg_wrap .pw_label {width: 40px; padding-bottom: 18px;}
.login_bg_wrap .cert_select_li {color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px; padding: 28px 29px 31px; box-sizing: border-box;}
/* .login_bg_wrap .cert_select_li input, .login_bg_wrap .cert_select_li label {vertical-align: middle; cursor: pointer; font-size: 15px;} */
.login_bg_wrap #authTime {color: #fff; display: none;}
.login_bg_wrap .certkey_btn {cursor: pointer; color: #fff; border: none; background: transparent; font-weight: 700; letter-spacing: -0.05em;}
.login_bg_wrap .cert_title {font-size: 2.0rem; font-size: 20px; line-height: 2.6rem; line-height: 26px; font-weight: 700; letter-spacing: -0.1em; margin-bottom: 25px;}
.login_bg_wrap .login_btn {cursor: pointer;}
input::-webkit-input-placeholder {color: #fff; opacity: 0.5; filter:alpha(opacity=50);}
input::-moz-placeholder {color: #fff;}
input:-moz-placeholder {color: #fff;}
input:-ms-input-placeholder {color: #fff;}

.cert_num_input_con {width: 309px; float: left; position: relative;}
.cert_btn_con {float: left; margin-top: 12px; margin-left: 19px;}


/* 소속찾기 관련 */
.company_search_btn_con {display: inline-block; text-align: center; width: 100px;}
.company_search_btn {display: inline-block; font-size: 1.6rem; font-size: 16px; line-height: 2.2rem; line-height: 22px; color: #fff; font-weight: 300; padding-bottom: 5px; border-bottom: 2px solid #fff;}





/* RadioBox Style */
.radiobox_con {display: inline-block; padding: 0px;}
.radiobox_con.show-block {display: block; padding: 5px;}
.radiobox_con .radio_style0 {
    opacity:0; filter:alpha(opacity=0); position: absolute; width:21px; height:21px; margin:0; cursor: pointer;
}
.radiobox_con .radio_style0 + label{padding-left:37px; font-size: 1.5rem; font-size: 15px; line-height:2.5rem; line-height:25px; letter-spacing: -0.03em; font-weight:400; position: relative; cursor: pointer; color:rgba(255,255,255,0.2);}
.radiobox_con .radio_style0 + label:before{content:""; width:25px; height:25px; border: none; border-radius:50%; background-color: rgba(255,255,255,0.1); box-sizing: border-box; position: absolute; left:0;}
.radiobox_con .radio_style0 + label:after{content:""; width:13px; height:13px; border: none; border-radius:50%; background-color: #fff; box-sizing: border-box; position: absolute; left:6px; top:3px; display:none;}
.radiobox_con .radio_style0:checked + label{color:#fff;}
.radiobox_con .radio_style0:checked + label:after{display:block;}

/* CheckBox Style */
.checkbox_con {display: inline-block; padding: 5px;}
.checkbox_con .check_style0 {
    position: relative; left: 0; top: 0; width: 25px; height: 25px; margin-right: -28px;
    opacity: 0; filter: alpha(opacity=0); cursor: pointer;
}
.checkbox_con .check_style0 + label:before {
    content: ''; display: inline-block; vertical-align: middle;
    margin-right: 10px; width: 25px; height: 25px;
    border: none; border-radius: 12px;
    background: url("../img/cbox_off.png") no-repeat center center;
}
.checkbox_con .check_style0 + label {cursor: pointer; color: #fff; font-size: 1.5rem; font-size: 15px; line-height: 2.4rem; line-height: 24px; letter-spacing: -0.03em;}
.checkbox_con .check_style0:checked + label:before {background: url("../img/cbox_on.png") no-repeat center center;}

.pholder_color1::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 1.8rem; font-size: 18px; line-height: 1.8rem; line-height: 18px; font-weight: 300; color: rgba(255, 255, 255, 0.6); letter-spacing: -0.1em;
}
.pholder_color1::-moz-placeholder { /* Firefox 19+ */
    font-size: 1.8rem; font-size: 18px; line-height: 1.8rem; line-height: 18px; font-weight: 300; color: rgba(255, 255, 255, 0.6); letter-spacing: -0.1em;
}
.pholder_color1:-ms-input-placeholder { /* IE 10+ */
    font-size: 1.8rem; font-size: 18px; line-height: 1.8rem; line-height: 18px; font-weight: 300; color: rgba(255, 255, 255, 0.6); letter-spacing: -0.1em;
}
.pholder_color1:-moz-placeholder { /* Firefox 18- */
    font-size: 1.8rem; font-size: 18px; line-height: 1.8rem; line-height: 18px; font-weight: 300; color: rgba(255, 255, 255, 0.6); letter-spacing: -0.1em;
}

input[type=password].pholder_color0::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.3);
}
input[type=password].pholder_color0::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.3);
}
input[type=password].pholder_color0:-ms-input-placeholder { /* IE 10+ */
    color: rgba(255, 255, 255, 0.3);
}
input[type=password].pholder_color0:-moz-placeholder { /* Firefox 18- */
    color: rgba(255, 255, 255, 0.3);
}

/* input:-webkit-autofill, */
/* input:-webkit-autofill:hover, */
/* input:-webkit-autofill:focus, */
/* input:-webkit-autofill:active { */
/*     transition: background-color 5000s ease-in-out 0s; */
/*     -webkit-box-shadow: 0 0 0px 1000px transparent inset; */
/*     -webkit-text-fill-color: #fff !important; */
/* } */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}