@charset "utf-8";

/* ----------------------------
2020.09.03 hs-kim - design team
---------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', Arial;letter-spacing:-0.02em;color:#000;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; cursor:pointer}


html, body, div, dl, dt, dd,  ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {margin:0; padding:0;}
#wrap {width:100%; height:100%;}
#wrap {font-size:12px;line-height:1.5em;font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', Arial;color:#424242;-webkit-text-size-adjust:none; min-height: 100%; height: 100%;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', Arial;}
li {list-style:none;}
img, fieldset {border:0 none;}
img {vertical-align:middle;}
legend, hr {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption {padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
input, select, textarea {font-size:100%; color:#424242; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', Arial;vertical-align:middle }
input {border-radius:0; font-size:117%;}
button {overflow:visible;border:0 none;background:transparent;vertical-align:top;cursor:pointer;font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', Arial;}
button::-moz-focus-inner {border:0;padding:0;}
em, address {font-style:normal;}
table {border-spacing:0; border-collapse: collapse;;}
a, a:link, a:visited {cursor:pointer;text-decoration:none; color:#424242;}
p, a, h2, h3 {word-wrap:break-word;}
a, em, label, span, strong, button {display:inline-block;}

#wrap{width: 100%; height: 100%; min-height:700px; overflow: hidden;}
.container{position: absolute; top: 50%; margin-top: -280px; left: 50%; margin-left: -450px;}
.contents{overflow: hidden;}
.background_img{background:url('../img/background_img.png') no-repeat ; height:395px ;width:900px; overflow: hidden; }

/* header */
.h_bar{border-top: 5px solid #009591;}
.header{margin-bottom: 30px; }

/* login */
.login_box{float: right; width: 320px; overflow: hidden;}
.tit_login{margin: 46px 0 0 40px;}
.number{margin: 20px 0 0 39px; } /* 2017.11.22 LNR 수정 */
.number>label{color: #fff; font-size: 13px;width: 74px; vertical-align: middle;}
.input_box{width: 241px; height: 28px; border: none;font-size: 13px;font-weight: bold;padding-left: 5px; line-height: 24px;}
.input_box::placeholder {color:#747a7e;font-weight: normal;}
.input_box::-webkit-input-placeholder {color:#747a7e;font-weight: normal;}
.input_box:-ms-input-placeholder {color:#747a7e;font-weight: normal;}
.box_login{width : 240px; height : 28px; background-color: #009591; text-align: center; padding-top : 8px; font-size: 15px; font-weight: bold; margin: 10px 0 0 40px;color: #fff; }
.box_login:hover{background-color: #00ada9; cursor: pointer;}
.btn_regist{width : 240px; height : 28px; background-color: #526d7a; text-align: center; padding-top : 8px; font-size: 15px; font-weight: bold; margin: 15px 0 0 40px;color: #fff; }
.btn_regist:hover{background-color: #6d8b99; cursor: pointer;}
.divide_bar{border-top: 1px solid #969ba4; width: 260px; margin: 19px 0 0 30px;}
.login_info{ width: 240px; margin:20px 0 0 40px; }
.login_info li{color: #9da4a7;font-size: 12px; margin-bottom: 8px;}
.login_info li.eng {color: #767e82;letter-spacing: 0.5px;}

/* footer */
.footer {position: fixed; bottom: 0; width:100%; height: 110px; background-color: #4f4f4f; }
.copyright{position: absolute;top: 0; left: 50%; margin-left: -450px; overflow: hidden; margin-top: 30px;}
.copyright>img{float: left;}
.copyright>p{float: left;padding-top: 5px; color: #b2b2b2; font-size: 12px;font-family: Arial;text-transform: uppercase;letter-spacing: 0;margin-left:15px; }


/** 콘텐츠 팝업 **/
/* 팝업기본 */
.popupWrap {
  margin:auto;
  width:500px;
  height:450px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  box-shadow:0px 2px 5px #dadada;
  background:#fff;
}
.popupWrap .popupHead {
  width:100%;
  height:50px;
  border-radius:2px 2px 0 0;
  background:#555555;
  box-sizing:border-box;
}
.popupWrap .popupHead b {
  text-align: left;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  line-height: 47px;
  padding-left:20px;
}
/* 비밀번호찾기 */
.popupWrap .popupSection {
}
.popupWrap .popupSection .commt {
  text-align: center;
  font-size: 13px;
  color: #666;
  line-height: 1.8;
  margin: 40px 0 40px;
  letter-spacing: -0.5px;
}
.popupWrap .popupSection .commt b {
  color:#009591;
}
.popupWrap .popupSection .formBox {
  width: 82%;
  height: auto;
  margin: 0 auto;
  background: #f8f8f8;
  border-top: 1px solid #009591;
  padding: 30px;
  box-sizing: border-box;
}
.popupWrap .popupSection .formBox p {
  overflow: hidden;
  padding-bottom: 10px;
}
.popupWrap .popupSection .formBox p:last-child {
  padding-bottom: 0
}
.popupWrap .popupSection .formBox label {
  float: left;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
  line-height: 2.2;
  letter-spacing: -0.5px;
}
.popupWrap .popupSection .formBox input {
  float: right;
  width: 235px;
  height: 32px;
  border: 1px solid #e1e1e1;
  background: #fff;
  vertical-align: middle;
}
.popupWrap .popupSection .btnArea {
  text-align: center;
  margin-top: 40px;
}
.popupWrap .popupSection .btnArea a {
  width: 120px;
  height: 40px;
  background: #009591;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 37px;
}
.popupWrap .popupSection .btnArea a:hover {
  background: #007d7a;
}

/** LOGIN SUCCESS & FAIL, ERROR **/
.messageWrap {background:#f1f1f1;}
.messageWrap .wrap {position:relative;width:100%;height:100%;}
.messageWrap .container {position:fixed;left:50%;top:50%;width:500px;height:460px;margin-top:-280px;margin-left:-250px;box-shadow:0px 3px 8px #dadada;background:#fff;}
.messageWrap .container2 {position:fixed;left:50%;top:50%;width:540px;height:500px;margin-top:-300px;margin-left:-270px;box-shadow:0px 3px 8px #dadada;background:#fff;}
.messageWrap .header {width:100%;height:52px;border-radius:5px 5px 0 0;background:#8e8c8b;box-sizing:border-box;}
.messageWrap .header .logo {display:inline-block;width:152px;height:34px;background:url(../img/logo_message.png) no-repeat;margin:20px 0 0 25px;text-indent:-10000px;}
.messageWrap .section {width:100%;box-sizing:border-box;}
.messageWrap .section .subject {overflow:hidden;margin:80px auto 50px;}
.messageWrap .section .subject b,
.messageWrap .section .subject span {display:inline-block;letter-spacing:-1px;}
.messageWrap .section .subject b {font-size:80px;font-weight:normal;vertical-align:top;letter-spacing:-6px;line-height: 1;}
.messageWrap .section .subject span {font-size:28px;color:#303030;font-weight:bold;line-height:1.2em;letter-spacing:-1px;padding-top:10px;padding-left:22px;}
.messageWrap .section .explan {width:330px;min-height:32px;margin:0 auto;background:url(../img/ico_caution_y.png) no-repeat;padding-left:55px;font-size:12px;color:#7f7f7f;line-height:1.3em;}
.messageWrap .section .subject2 {width:350px;margin:80px auto 50px;}
.messageWrap .section .subject2 b {display:inline-block;min-height:32px;background:url(../img/ico_caution_y.png) no-repeat;padding-left:60px;padding-top:7px;font-size:24px;font-weight:bold;letter-spacing: -1px;}
.messageWrap .section .explan2 {width:370px;margin:0 auto;font-size:13px;color:#252424;line-height:1.5em;text-align:center}
.messageWrap .section .subject3 {width:360px;margin:90px auto 70px;}
.messageWrap .section .subject3 b {display:inline-block;min-height:71px;background:url(../img/ico_logout_y.png) no-repeat 38px 16px;padding-left:100px;padding-top:5px;font-size:24px;font-weight:bold;line-height:1.3em;letter-spacing: -1px;}
.messageWrap .section .hr {width:360px;height:1px;background:#b1b1b1;margin:40px auto;}
.messageWrap .section .hr2 {width:400px;height:1px;background:#b1b1b1;margin:40px auto;}
.messageWrap .section .commt {text-align:center;font-size:15px;color:#252424;line-height:1.6em;}
.messageWrap .section .commt b {font-weight:normal;}
.messageWrap .section .btn_bg_msg {width:280px;height:52px;background: #009591;border: none;cursor:pointer;text-align:center;font-size:18px;color:#fff;line-height:1.3em;}
.messageWrap .section .btn_bg_msg:hover {background: #007d7a;}
.messageWrap .section .btn_cnt {text-align:center;margin-top:25px;}

/*내부사용자 아이디 찾기[2020.9.18] 추가*/
.bpId {color: white !important; margin-left: 70%; margin-top: 20px;}