@charset "utf-8";

/* Common */
html, body {padding:0;margin:0;width:100%;height:100%;}
body{background:#ebebeb;}
body, td, select, textarea, input {font-family:'NotoSans', Sans-serif; font-size:13px;color:#333;font-weight:500;line-height:100%;word-break:break-all;letter-spacing:0;border-color:#e6e6e6 !important;}
html, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, 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, input{
	margin: 0;
	outline: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
	list-style:none;
	font-family:'NotoSans', Sans-serif;
	font-size:13px;
	color:#333;
	line-height:1.5em;
	font-weight:500;
	word-break:break-all;
	letter-spacing:0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}



/* html5 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}

/* List */
ul {list-style:none;}

/* Table */
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}

/* Form */
select, input, label {vertical-align:middle;}
input[type=submit]{vertical-align:top;}
button{outline:none;cursor:pointer;border:0;font-family:'nanumsquarer'; vertical-align:middle;}
textarea {outline:none;resize:none;border:1px solid #ddd;}
input.radio {vertical-align:middle;}
input[type=text], input[type=password],input[type=tel], input[type=email], input[type=time]{border:1px solid #ddd;background:#fff;height:33px;line-height:33px;padding:0 10px;box-sizing:border-box;}
input[type=file]{border:1px solid #ccc;background:#fff !important;padding:10px; box-sizing:border-box;}
select{height:33px;line-height:33px;padding:0 5px;border:1px solid #ccc;background-color:#fff}
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=time]:focus{border:1px solid #2670e9 !important;background:#fafafa;box-shadow:none}
textarea:focus{border:1px solid #2670e9 !important;background:#fafafa;box-shadow:none}
input::-ms-input-placeholder{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input::-moz-placeholder{color:#ccc;}
label{}

input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
.label_none{display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;}


/* Link */
a{text-decoration:none;font-family:'nanumsquarer'; font-size:13px;color:#333;font-weight:500;line-height:100%;word-break:break-all;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/* Hidden */
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
legend{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide,hr,.blind{position:absolute;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

/* Class */
.cf:after{clear:both;display:block;content:'';}
strong{font-weight:700;}

.txt_orange{color:#f78810;}
.txt_black{color:#333;}
.txt_ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:17px;}

input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder { color: #aaa; }
input::-moz-placeholder { color: #aaa; }
input::-moz-placeholder { color: #aaa; }

/*ios*/
input{-webkit-appearance:none;border-radius:0;}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:button;}
textarea{-webkit-appearance:none}
input[type='checkbox']{-webkit-appearance:checkbox;border:1px solid #ccc;  }
input[type='radio']{-webkit-appearance:radio;border:1px solid #ccc; }

.w90p{width: 90%;}
.w95p{width: 95%;}
.w100p{width: 100%;}
.mb5{margin-bottom: 5px;}

/* Mobile */
@media (max-width:767px){

}

/* Tablet */
@media (min-width:768px) and (max-width:1023px){

}

/* PC */
@media (min-width:1024px){}

/* Login */
.wrap{width:100%;}
.login_wrap{width:575px; height:595px; position:absolute; top:50%; left:50%; margin-left:-287.5px; margin-top:-297.5px;}
.login_wrap .login_title{font-size:50px; font-weight:300; text-align:center; padding-bottom:20px;}
.login_wrap .login{padding:65px 55px; background:#fff;}

.login{box-shadow: 3px 3px 3px #e2e2e2;}
.login .input_wrap fieldset{height:60px; margin-bottom:20px; padding-left:60px; border:1px solid #a5a5a5; border-radius:3px; }
.login .input_wrap fieldset.id_input{background:#a5a5a5 url(/images/icon_login.png)20px center no-repeat;}
.login .input_wrap fieldset.pass_input{background:#a5a5a5 url(/images/icon_pass.png)20px center no-repeat;}
.login .input_wrap fieldset input{width:100%; height:58px; line-height:58px; border:0; background:#fff; font-weight:300; font-size:19px;}
.login .input_wrap .login_btn{width:100%; height:60px; line-height:60px; color:#fff; font-size:23px; border-radius:3px; background:#2670e9; font-weight:700; text-align: center}

.login .login_infor{margin-top:30px;line-height:18px; text-align:center;}
.login .login_infor span{text-decoration:underline;}
.login_wrap .copy_text{margin-top:30px; font-size:13px; text-align:center; color:#696969; }

.saveId {
	padding-bottom:20px;
}

.saveId label{
	display: flex; align-items: center; justify-content: flex-end; gap: 8px;
	font-size:16px;
}

.saveId label input {
	height:14px; width:14px;
}