@CHARSET "UTF-8";

@import url("../fonts/font_pretendard.css");

html {margin:0px;padding:0px;}
body
{
	margin:0px;
	padding:0px;
	font-family:"Pretendard", Malgun Gothic, dotum, Verdana, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#ffffff;
}
div, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, span, strong, p, a, td, th, input
{
	margin:0px;
	padding:0px;
	font-family:"Pretendard", Malgun Gothic, dotum, Verdana, sans-serif;
	font-size:12px;
	list-style:none;
	word-break:break-all;
	transition:all .2s ease 0s;
}
img {border:none;vertical-align:middle;}
span {vertical-align:middle;}
form, legend, fieldset {margin:0;padding:0;border:none;}
caption, legend {display:none;}
/* default link */
a:link {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
/* Input */
input {margin:0;padding:0;vertical-align:middle;border-radius:0px;border:0;color:#555555;}
input::-webkit-input-placeholder {color:#777777;font-weight:400;}
input::-ms-input-placeholder {color:#777777;font-weight:400;}
input::-moz-input-placeholder {color:#777777;font-weight:400;}
input[type~="text"] {}
input[type~="password"] {}
input[type~="radio"] {border:none;}
input[type~="checkbox"] {border:none;}
input[type~="button"] {border:none;cursor:pointer;}
select {margin:0;padding:0;vertical-align:middle;border-radius:3px;border:1px solid #cccccc;background-color:#ffffff;}
textarea {margin:0;padding:5px;border:none;color:#000000;}

.LoginFrame {position:fixed;z-index:100;top:50%;left:50%;margin-top:-292px;margin-left:-200px;width:400px;}
.logo_login {display:block;margin-bottom:20px;height:150px;background:url("../images/logo_cbp.svg") no-repeat center bottom;background-size:auto 120px;text-align:center;font-size:22px;font-weight:500;color:#333333;letter-spacing:-1px;}
.login_Form {padding:40px 50px;background-color:#ffffff;border-radius:3px;border:3px solid #437dff;}
.login_Form ul li {display:flex;justify-content:space-between;margin-top:10px;background-color:#fafafa;border-radius:3px;border:1px solid #888888;}
.login_Form ul li:first-child {margin-top:0;}
.login_Form ul li input {width:calc(100% - 50px);height:40px;line-height:40px;background:none;color:#000000;font-size:15px;font-weight:700;}
.login_Form ul li .ip {display:block;width:50px;height:40px;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;background-size:20px;}
.login_Form ul li .ip.id {background-image:url("../images/ico_id_black.svg");}
.login_Form ul li .ip.pw {background-image:url("../images/ico_key_black.svg");}
.btn_login {display:flex;justify-content:space-between;margin-top:10px;padding:0 20px;background-color:#0032a1;border-radius:3px;border:1px solid #001f61;}
.btn_login .btn {display:block;height:50px;line-height:50px;color:#ffffff;font-size:17px;font-weight:700;background-repeat:no-repeat;background-position:center center;background-size:26px;}
.btn_login .btn.icon {width:26px;background-image:url("../images/ico_enter.svg");}

.login_alert {display:block;padding:30px 0;text-align:center;font-size:16px;font-weight:500;letter-spacing:-1px;color:#ff0059;}

.FOOTER {padding:0 5px;}
.FOOTER .ft {display:block;line-height:18px;text-align:center;color:#666666;}
.FOOTER .info {display:flex;justify-content:center;flex-wrap:wrap;white-space: nowrap;}
.FOOTER .fi {display:block;margin-bottom:5px;color:#333333;height:17px;line-height:17px;}
.FOOTER .sp {margin:0 10px;color:#999999;}
/*.FOOTER .adress {width:100%;}*/
.FOOTER .copyright {font-size:11px;margin-top:10px;color:#888888;text-transform:uppercase;}