@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(font/NotoSansKR-Thin.woff2) format('woff2'), url(font/NotoSansKR-Thin.woff) format('woff'), url(font/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(font/NotoSansKR-Light.woff2) format('woff2'), url(font/NotoSansKR-Light.woff) format('woff'), url(font/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(font/NotoSansKR-Regular.woff2) format('woff2'), url(font/NotoSansKR-Regular.woff) format('woff'), url(font/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(font/NotoSansKR-Medium.woff2) format('woff2'), url(font/NotoSansKR-Medium.woff) format('woff'), url(font/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(font/NotoSansKR-Bold.woff2) format('woff2'), url(font/NotoSansKR-Bold.woff) format('woff'), url(font/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(font/NotoSansKR-Black.woff2) format('woff2'), url(font/NotoSansKR-Black.woff) format('woff'), url(font/NotoSansKR-Black.otf) format('opentype');
}

body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, tr, th, td, caption, form, fieldset, input, select, textarea, blockquote, address, button {padding:0;margin:0}
h1, h2, h3, h4, h5, h6 {font-size:100%}
ul, ol, li {list-style:none}
img, fieldset, button {border:0 none}
button {background:none;cursor:pointer;}
address, em {font-style:normal}
table {border-collapse:collapse;border-spacing:0}
q:before, q:after {content:''}

body {background:#fff}
body, input, select, textarea, button, th, td, h1, h2, h3, h4, h5, h6, label {font:10px/1 'Noto Sans KR', sans-serif;color:#333;word-break:break-word;-webkit-text-size-adjust:none;}
input, select, textarea, button {font-size:1em;vertical-align:middle}
a {color:#999;}
img {vertical-align:top}
hr {display:none}

/* html5 tag */
article, aside, details, figure, figcaption, footer, header, hgroup, menu, nav, section, main {display:block;padding:0;margin:0}
.blind {position:absolute;top:-9999px;visibility:hidden;width:0;height:0;font-size:1%;line-height:0}
.inputTxt::-webkit-input-placeholder {color:#999} /* WebKit browsers */
.inputTxt:-moz-placeholder {color:#999;opacity:1} /* Mozilla Firefox 4 to 18 */
.inputTxt::-moz-placeholder {color:#999;opacity:1} /* Mozilla Firefox 19+ */
.inputTxt:-ms-input-placeholder {color:#999} /* Internet Explorer 10+ */

html, body {width:100%;height:100%;}
body {position:relative;overflow:hidden;min-width:500px;min-height:600px;}
.loginWrap {position:absolute;left:50%;top:50%;width:1920px;height:1080px;margin:-540px 0 0 -960px;background:url(../images/login/bg.png) no-repeat center -30px;}
.login {position:absolute;left:50%;top:50%;margin:-265px 0 0 -175px;}
.login h1 {margin-bottom:20px;text-align:center;font-weight:500;}
.loginF {width:280px;padding:40px 35px 30px;background-color:#fff;border-radius:10px;box-shadow: 0 0 5.3px 0.7px rgba(0, 0, 0, 0.19);}
.loginF h2 {margin-bottom:40px;font-size:20px;font-weight:500;text-align:center;}
.loginF h2 span {display:inline-block;padding:19px 11px 0;border-top:2px solid #d9241c;color:#292a38;}
.loginF dd {margin-bottom:15px}
.inputTxt {width:100%;height:40px;padding:0 20px;background:#f1f1f1;border:0 none;box-sizing:border-box;font-size:13px;color:#666;outline:none;}

.error {display:none;font-size:12px;line-height:1.4;color:#ff0000;text-align:center;}

.ipChkW {overflow:hidden;padding-top:15px;}
.ipChk {float:left;width:50%;}
.ipChk input[type="checkbox"] {position:absolute;left:-9999px;top:-9999px;visibility:hidden;margin:0;}
.ipChk label {position:relative;display:inline-block;height:20px;padding-left:30px;line-height:20px;font-size:13px;color:#666;font-weight:300;}
.ipChk label:before {content:"";display:block;position:absolute;left:0;top:0;width:20px;height:20px;background:url(../images/zinaf_base/dhxform_skyblue/ico_chk.png) no-repeat;}
.ipChk input[type="checkbox"]:checked + label:before {background-position:0 -20px;}
.ipChk input[type="checkbox"]:disabled + label:before {background-position:0 -40px;}
.ipChk input[type="checkbox"]:checked:disabled + label:before {background-position:0 -60px;}

.btnLogin {width:100%;height:40px;margin-top:25px;background:#292a38;border:0 none;line-height:40px;color:#fff;font-size:13px;cursor:pointer;}
.noticTxt {margin-top:25px;color:#999;text-align:center;font-size:10px;letter-spacing:-0.5px;line-height:1.8;}
.noticTxt a {color:#999;}

/* zinaf_deepblue */
.zinaf_deepblue .loginWrap {background-image:url(../images/login/bg_deepblue.png)}
.zinaf_deepblue .ipChk label:before {background-image:url(../images/zinaf_deepblue/dhxform_skyblue/ico_chk.png)}
.zinaf_deepblue .loginF h2 span {border-color:#3d6699;color:#3d6699;}
.zinaf_deepblue .btnLogin {background:#3d6699;}

/* zinaf_beige */
.zinaf_beige .loginWrap {background-image:url(../images/login/bg_beige.png)}
.zinaf_beige .ipChk label:before {background-image:url(../images/zinaf_beige/dhxform_skyblue/ico_chk.png)}
.zinaf_beige .loginF h2 span {border-color:#afa19f;color:#afa19f;}
.zinaf_beige .btnLogin {background:#afa19f;}

/* zinaf_green */
.zinaf_green .loginWrap {background-image:url(../images/login/bg_green.png)}
.zinaf_green .ipChk label:before {background-image:url(../images/zinaf_green/dhxform_skyblue/ico_chk.png)}
.zinaf_green .loginF h2 span {border-color:#099ba0;color:#099ba0;}
.zinaf_green .btnLogin {background:#099ba0;}

/* zinaf_steelblue */
.zinaf_steelblue .loginWrap {background-image:url(../images/login/bg_steelblue.png)}
.zinaf_steelblue .ipChk label:before {background-image:url(../images/zinaf_steelblue/dhxform_skyblue/ico_chk.png)}
.zinaf_steelblue .loginF h2 span {border-color:#4682b4;color:#4682b4;}
.zinaf_steelblue .btnLogin {background:#4682b4;}

/* zinaf_navy */
.zinaf_navy .loginWrap {background-image:url(../images/login/bg_navy.png)}
.zinaf_navy .ipChk label:before {background-image:url(../images/zinaf_navy/dhxform_skyblue/ico_chk.png)}
.zinaf_navy .loginF h2 span {border-color:#4c516d;color:#4c516d;}
.zinaf_navy .btnLogin {background:#4c516d;}

/* zinaf_deepgreen */
.zinaf_deepgreen .loginWrap {background-image:url(../images/login/bg_deepgreen.png)}
.zinaf_deepgreen .ipChk label:before {background-image:url(../images/zinaf_deepgreen/dhxform_skyblue/ico_chk.png)}
.zinaf_deepgreen .loginF h2 span {border-color:#007e35;color:#007e35;}
.zinaf_deepgreen .btnLogin {background:#007e35;}