@charset "utf-8";

html, body {
    height: 100%;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, strong, b {font-weight: 400;font-size: 15px;line-height: 18px;font-family: 'Noto Sans KR', sans-serif;margin: 0;padding: 0;color: #555;}
span, div {line-height: 130%;}
button {background-color: transparent;}
button {padding: 0;line-height: 100%;border-width: 0;background-color: transparent;}
button, input[type="submit"] {cursor: pointer;}
input, textarea, select, button, table {font-family: 'Noto Sans KR', sans-serif;font-size: 15px;color: #555;margin: 0;}
* {box-sizing: border-box;}
li {list-style: none;}
p {line-height: 150%;color: #555;text-align: justify;}
.txt_list>li {position: relative;margin-bottom: 7px;padding-left: 15px;line-height: 1.5;text-align: left;}
.txt_list>li:before {content: "";display: block;position: absolute;left: 0;top: 9px;width: 6px;height: 6px;background: #888c92;border-radius: 50%;}
.mt_10{margin-top:10px !important}

.er_wrap { overflow: hidden; display: table; width: 100%; height: 80%; }
.er_wrap .er_box { display: table-cell; vertical-align: middle; }
.er_all {  width: 750px;margin: 0 auto;}
.er_all .error_wrap {padding-left: 210px;position: relative; }
.er_all .error_wrap:before { display: block; content: ""; position: absolute; top: 20px;left: 0; width: 179px;height: 179px;background: url('/images/common/error_icon.png') no-repeat; }
.er_all .error_wrap .er_top {margin-bottom: 30px; }
.er_all .error_wrap .er_top strong{ font-size: 48px; font-weight: 500;color:#020202;line-height: normal; }
.er_all .error_wrap .er_top .er_imp { font-size: 30px; }
.er_all .error_wrap .er_top p { font-size: 16px; }
.er_all .error_wrap .er_bottom { padding: 30px 0;border: 1px solid #c9c9c9;border-left: 0;border-right: 0; }
.er_all .error_wrap .er_bottom strong { font-size: 17px; color:#222;display: block; margin-bottom: 20px;}
.er_all .er_bt { overflow: hidden; margin-top: 40px;margin-left:200px; }
.er_all .er_bt button {padding:0 30px; height: 50px;border-radius: 5px; margin-left: 10px;}
.er_all .er_bt button:nth-of-type(1){ border: 1px solid #a2a2a2; margin-left: 0;} 
.er_all .er_bt button:nth-of-type(1):hover { background:#95979b;color:#fff; }
.er_all .er_bt button:nth-of-type(2){ border: 1px solid #2570d4; background: #485dc2;color:#fff;} 
.er_all .er_bt button:nth-of-type(2):hover { background: #fff;color:#2570d4; }
.er_all .er_bt button:nth-of-type(3){ border: 1px solid #2570d4; background: #485dc2;color:#fff;} 
.er_all .er_bt button:nth-of-type(3):hover { background: #fff;color:#2570d4; }
@media(max-width:750px){ 
    .er_wrap { display: block; }
    .er_wrap .er_box { display: block; }
    .er_all { width: 100%;padding: 20px; }
    .er_all .er_bt button { width: 130px; }
    .er_all .error_wrap { padding-left: 210px; }
    .er_all .error_wrap:before { width: 120px;height: 120px;background-size: 120px; }
    .er_all .error_wrap .er_top strong { font-size: 40px; }
    .er_all .error_wrap .er_top .er_imp { font-size: 24px;margin-top: 10px; }
    .er_all .error_wrap:before { top: 15px; }
    .er_all .er_bt button { height:40px; }
}
@media(max-width:640px){ 
    .er_all .error_wrap .er_top strong { font-size: 25px; }
    .er_all .error_wrap .er_bottom { padding: 20px 0; }
    .er_all .error_wrap .er_top .er_imp { font-size: 18px; }
    .er_all .error_wrap .er_top p { font-size: 14px; }
    .er_all .er_bt button { font-size: 14px; }
    .txt_list>li { font-size: 14px; }
    .er_all .er_bt { margin-top: 15px; }
    .er_all .error_wrap .er_bottom strong { font-size: 16px; }
    .er_all .error_wrap { padding-left: 0; }
    .er_all .error_wrap:before { display: none; }
    .er_all .er_bt button { width: auto;padding: 12px 15px; height: auto;margin: 3px auto; }
}


	#modal_message .er_all { width:100%; }
	#modal_message .er_all .error_wrap .er_top strong { font-size: 30px; }
    #modal_message .er_all .error_wrap .er_bottom { padding: 20px 0; }
    #modal_message .er_all .error_wrap .er_top .er_imp { font-size: 18px; }
    #modal_message .er_all .error_wrap .er_top p { font-size: 14px; }
    #modal_message .er_all .er_bt button { font-size: 14px; }
    #modal_message .txt_list>li { font-size: 14px; }
    #modal_message .er_all .er_bt { margin-top: 20px; }
    #modal_message .er_all .error_wrap .er_bottom strong { font-size: 16px; }
    #modal_message .er_all .error_wrap { padding-left: 0; }
    #modal_message .er_all .error_wrap:before { display: none; }
    #modal_message .er_all .er_bt button { width: auto;padding: 12px 15px; height: auto; }

/* 회원가입요청(2020.01.30) */
.er_wrap2{display:table;overflow:hidden;width:100%;height:100%}
.er_wrap2 .er_box2{display:table-cell;vertical-align:middle}
.memS_w{max-width:920px;height:420px;margin:0 auto;padding:108px 0;border:1px solid #bebdbd;text-align:center}
.memS_w a{text-decoration:none}
.memS_wrap{display:inline-block;max-width:700px;min-height:150px;padding-left:187px;background:url(../../../images/paid/nep/common/icon_memS.png) left top no-repeat}
.memS_wrap .memS_cont{padding:10px 0 30px;border-bottom:1px solid #c9c9c9}
.memS_wrap .memS_cont strong{display:block;color:#545454;font-size:30px;line-height:40px;letter-spacing:-0.02em;word-break:keep-all;text-align:left}
.memS_wrap .memS_btn{margin-top:35px;text-align:left}
.memS_wrap .memS_btn .memS_b{display:inline-block;margin-right:5px;width:178px;height:46px;line-height:45px;border-radius:5px;border:1px solid #a2a2a2;text-align:center;font-size:18px;color:#111;transition:all .3s}
.memS_wrap .memS_btn .memS_b:hover{background-color:#545454;border-color:#545454;color:#fff}
.memS_wrap .memS_btn .memS_b.mem{border-color:#2570d4;color:#045acc}
.memS_wrap .memS_btn .memS_b.mem:hover{background-color:#2570d4;color:#fff}

@media all and (max-width:930px){
    .er_wrap2 .er_box2{padding:15px}
    .memS_w{padding:108px 0}
}
@media all and (max-width:768px){
    .memS_w{height:auto;padding:70px 20px}
}
@media all and (max-width:640px){
    .memS_wrap .memS_btn .memS_b{width:160px}
}
@media all and (max-width:600px){
    .memS_w{padding:50px 15px}
    .memS_wrap{padding-left:120px;background-size:100px}
    .memS_wrap .memS_cont strong{font-size:20px;line-height:30px}
    .memS_wrap .memS_btn .memS_b{width:100px;height:40px;line-height:40px;font-size:15px}
}
@media all and (max-width:400px){
    .memS_wrap{padding:90px 0 0;background-position:center top;background-size:80px}
    .memS_wrap .memS_cont{padding:0 0 17px}
    .memS_wrap .memS_cont strong{font-size:18px;text-align:center}
    .memS_wrap .memS_btn{margin-top:20px;text-align:center}
}