@charset "utf-8";
/*웹폰트 Noto Sans*/
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: normal;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../../fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(../../fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../../fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: bold;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../../fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(../../fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../../fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
html body{width:100%;height:100%;background-color: #b6b6b6;}
* {margin:0; padding:0; font-family: 'Noto Sans Korean'; box-sizing:border-box; }
input{background-color: #f6f6f6;width:100%;height:3em;max-width:300px;border-radius: 5px;border: 0.5px solid #bbb;padding:5px}
button{background-color:#148CFF;color:#FFFFFF;font-size:1.2em;width:100%;height:3em;max-width:300px;cursor: pointer}
input[readonly="readonly"], input[readonly]{background-color:#ddd;border:0.5px solid #bbb;border-radius: 5px;}
.btn_blue {background: #1e3269;}
.btn_blue:active {background: #192958 !important;}
.btn_blue:hover {background: #274187;}
.btn_sky {background: #1481e9;border-radius: 8px;}
.btn_sky:active {background: #005eb8 !important;}
.btn_sky:hover {background: #005eb8;}
button[disabled="disabled"]{pointer-events: none;background:#ccc}
.customslt {display: inline-block;vertical-align: middle;position: relative;width: 100%;box-sizing: border-box;background: #fff;height: 40px;border-radius: 5px;}
.customslt select {display: block;position: relative;width: 100%;height: 40px;padding: 0 25px 0 4px;font-size: 13px;line-height: 1;border: #ccc 1px solid;background: #f7f7f7;color: #333;letter-spacing: -0.5px;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 3px;}
.customslt:after {content: '';display: block;position: absolute;right: 0;top: 0;width: 40px;height: 40px;border-radius: 0px 5px 5px 0px;background: url(../../images/mrs/img_select.png) no-repeat 50% 18px #ccc;background-size: 7px 5px;-webkit-background-size: 8px 6px;pointer-events: none;}
div.title{/* height: 100%; */width:100%;color:#0A6ECD;/* font-size: 1.1em; */text-align:center;/* font-weight:600; */border:0;margin: 0.7em 0;}
div.bottom{height:10%;color:#FFFFFF;padding-top:2em;background-color: #1E3269;}
div.text{height:100%;text-align:center;width:100%;color:#FFFFFF;margin-bottom:2em}
.logo-container{vertical-align:middle;text-align:center;padding-top:4em}
.logo-container img{width:8em}
.row-100{width:100%;padding:0.2em 0;text-align:center}
.col-100{text-align:center;display:inline-table;min-width:300px}
.col-40{width:40%;color: #595959;font-weight: bold;display:table-cell;border-bottom: 1.5px solid #0080db;}
.col-60{width:60%;display:table-cell;/* border-radius: 5px; */border-bottom: 1.5px solid #0080db;}
.col-50{width:50%;display:table-cell;padding: 3px;}
#divMsg{padding-top:5px;color:red;text-align:center;margin:3px;height:20px;vertical-align:middle}
div.login_title{width:100%;font-size: 0.9em;text-align:center;font-weight: 600;border:0;color:#FFFFFF;/* margin:1.5em 0; */letter-spacing: -0.05em;font-family: 'Noto Sans Korean';}
div.login_body{height:70%;width:100%;background-color:#0A6ECD;}
#btnLogin{border:1px solid #274187}