@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 100;
	src: url('/font/NotoSans-Light.eot');
	src: url('/font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
	url('/font/NotoSans-Light.woff2') format('woff2'),
	url('/font/NotoSans-Light.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src:	url('/font/NotoSans-Regular.eot'),
			url('/font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
			url('/font/NotoSans-Regular.woff2') format('woff2'),
			url('/font/NotoSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	src: 	url('/font/NotoSans-Medium.eot'),
			url('/font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
			url('/font/NotoSans-Medium.woff2') format('woff2'),
			url('/font/NotoSans-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 800;
	src: 	url('/font/NotoSans-Bold.eot'),
			url('/font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
			url('/font/NotoSans-Bold.woff2') format('woff2'),
			url('/font/NotoSans-Bold.woff') format('woff');
}

/* reset */
* {margin:0;padding:0;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;-webkit-text-size-adjust: none;  -moz-text-size-adjust: none; -o-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust:none;}
html, body{overflow-x:hidden;height:100%;}
body {font-size:14px;font-family:'Noto Sans',Dotum,돋움,verdana,sans-serif;font-weight:400;color:#000;word-break:keep-all;line-height:1.5;letter-spacing:-0.5px}
html, body, div, 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:14px;font-family:'Noto Sans',Dotum,돋움,verdana,sans-serif;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, li {list-style:none;}
a {text-decoration:none; color:#000;font-family:'Noto Sans',Dotum,돋움,verdana,sans-serif;}
a:hover, a:visited {text-decoration:none;outline:0;}
textarea {-webkit-appearance:none;border-radius:0;resize:none;}
button {font-family:'Noto Sans',Dotum,돋움,verdana,sans-serif;cursor:pointer;border:none;outline:0;}
label, input, button, select, img {vertical-align: middle;}
option {font-family:'Noto Sans',Dotum,돋움,verdana,sans-serif;}
fieldset {border: 0 none;}
fieldset legend{display:none;}
i, em, address {font-style: normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
caption, legend, hr {position:absolute;top:-9999px;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}

/* input */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{width:100%; border:0;border-radius:0; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;font-family:'Noto Sans',Dotum,돋움,verdana,sans-serif;font-weight:400;color:#000;outline:none;}

.input{width:160px; height:22px; background-color:#ffffff;border: 1px solid #bbbbbb; font-size:14px}
.arrow {position: absolute; right: 0; bottom: 0; width: 855; height:650; z-index: -1}
 a { selector-dummy : expression(this.hideFocus=true);}


/* 스크롤바 전체 기본 꾸미기 */
::-webkit-scrollbar {
	width:8px;
    border-radius:4px;
}

/* 스크롤바 막대 꾸미기 */
::-webkit-scrollbar-thumb {
    background-color:#ccc;
    border-radius:4px;
}

/* 스크롤바 트랙 꾸미기 */
::-webkit-scrollbar-track {
    background-color:#F4F4F4;
    border-radius:4px;
}

/* 본문바로가기 */
#skip_navi a {display:block; overflow:hidden; position:absolute; top:0; left:0; margin-top:-1px; width:1px; height:1px; background:#000; color:#fff; text-align:center;}
#skip_navi a:focus{position:relative;width:100%;height:auto;padding:10px;}
#wrap {position:relative;margin:0 auto;padding:0;width:100%;/*height:100%;*/min-width:320px;max-width:2560px;}

.inputWrap {display:flex;align-items:center;position:relative;}
.inputWrap > span,
.inputWrap > button,
.inputWrap > p {flex-shrink: 0;}
.inputWrap .inp {padding:0 20px;border-radius:4px;border:1px solid #ccc;line-height:50px;font-size:18px;color:#222;}
.inputWrap .inp:disabled {background-color:#EAEAEA;color:#666;}
.inputWrap .inp::placeholder {color:#999;}

/* login */
.loginWrap {display:flex;height:auto;min-height:100%;justify-content:center;align-items:center;flex-direction: column;justify-content: space-between;}
.loginWrap #container {display:flex;min-height:auto;padding:50px 0;background:#fff;flex-shrink: 0;flex-direction: column;justify-content: center;flex-grow: 1;}
.loginWrap .loginContent {width:488px;padding:70px 60px;border:1px solid #CCC;border-radius:8px;}
.loginWrap h1 {font-size:36px;font-family: 'Roboto';font-weight: 700;line-height:48px;}
.loginWrap h1 + P {margin-top:20px;color:#666;}
.loginWrap h1 + P strong {display:block;margin-bottom:4px;font-size:16px;font-weight:800;}
.loginWrap .inputWrap {display:block;margin-top:16px;}
.loginWrap h1 + P + .inputWrap {margin-top:40px;}
.loginWrap .inputWrap > button {position:absolute;right:14px;;top:50%;overflow:hidden;width:28px;height:28px;transform: translateY(-50%);background-size: cover;text-indent:-999px;}
.loginWrap .inputWrap > button.btnDel {background-image: url(/images/common/btn_delete.png);}
.loginWrap .inputWrap > button.btnShow {background-image: url(/images/common/ico_hide_password.png);}
.loginWrap .inputWrap > button.btnShow.hide {background-image: url(/images/common/ico_show_password.png);}
.loginWrap .inputWrap input {height:54px;padding:0 60px 0 20px;border:1px solid #F4F4F4;border-radius:4px;color:#222;font-size:14px;background:#F4F4F4}
.loginWrap .inputWrap input.error {border-color:#FF8C33}
.loginWrap .inputWrap input::placeholder {color:#ccc}
.loginWrap .errorMsg {padding:14px 0 20px;color:#FF8C33;}
.loginWrap .loginContent > button {width:100%;height:56px;border-radius:4px;color:#fff;background:#245DE3;font-size:16px;font-weight:800;text-align:center;line-height:56px;}
.loginWrap .loginContent > button:disabled {color:#ccc;background:#666;}
.loginWrap .loginContent > button + button {margin-top:5px;}
.loginWrap .loginContent .inputWrap + button {margin-top:34px;}

.loginWrap .saveFindWrap {display:flex;height:24px;margin-top:16px;justify-content: space-between;align-items: center;}
.loginWrap .saveFindWrap input {width:0;height:0;opacity:0;}
.loginWrap .saveFindWrap label {padding-left:26px;font-size:14px;color:#666;background:url(/images/common/btn_check.png) no-repeat left center;cursor: pointer;}
.loginWrap .saveFindWrap input:checked + label {background-image:url(/images/common/btn_check_active.png)}
.loginWrap .saveFindWrap .findWrap {color:#666;}
.loginWrap .saveFindWrap .findWrap a {font-size:14px;color:inherit;}

.loginfooter {width:100%;padding:30px 0;background-color:#F2F3F7;flex-shrink: 1;}
.loginfooter .inner {max-width:1200px;margin:0 auto;}
.loginfooter h4 {font-size:16px;font-weight:800;}
.loginfooter .number {margin-left:16px;padding-left:28px;font-size:16px;color:#648EF4;font-weight: 700;background:url(/images/common/ico_phone.png) no-repeat left center;}
.loginfooter p {margin-top:14px;color:#222;font-weight:300;}
.loginfooter h4 + p {margin-top:8px;font-weight:500;}
.loginfooter h4 + p strong {font-weight:800;color:inherit;}