@charset "utf-8";
a, a:link, a:visited, a:active, a:hover {text-decoration:none;}

html {height: 100%;}
body {margin: 0; height: 100%; background-color: #ecf0f5; font-family: 'Malgun Gothic';}

/* 로그인 */
img{ border:0; }
input { /*padding:3px 5px; */}
span.blind { display:none; }
.blind {text-indent: -99999px;}

.layout_login {position: relative; height: 100%; min-height: 100%; display: table; margin:0 auto; width:auto;}

#layout_header { position:absolute; left:0; top:0; }
#layout_header .whois_logo { float:left; margin:0; }

#login_area {position: relative; display: table-cell; vertical-align: middle;}
#login_area h1.logo_top {position: absolute; top: -116px; left: 0; width: 100%; text-align: center;}

#login_area h2 {display:none;}
#login_area .login_form {position: relative; width: 375px; margin: 0 auto; background-color: #fff; border: 1px solid #e1e1e1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#login_area .login_form td {padding:0; font:12px Gulim; color:#3a3b3e; }
#login_area .login_form td.info_box {width: 70% height: 30px;  vertical-align: middle; }
#login_area .login_form td.btn_box {padding-left: 10px; width: 30%;  vertical-align: middle; } 

#login_area .login_form input.input_login {border:1px solid #e1e1e1; width:225px; height:50px; line-height: 1.3; padding:0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#login_area .login_form input.input_id {background: url(/admin/images/login/bg_id.gif) no-repeat; margin-bottom: 5px;}
#login_area .login_form input.input_pw {background: url(/admin/images/login/bg_pw.gif) no-repeat;}

#login_area .login_form .form {display: block; padding: 30px; margin: 0;}
#login_area .login_desc {font-size: 12px; color: #7e7e7e; text-align: center; height: 40px; line-height: 40px; background-color: #e1e1e1;}
#login_area .login_alarm {margin:5px 10px; font-size:12px; color:#7e7e7e;}

a.blue_text {color: #0e8be3; text-decoration: underline;}
.btn_login { height: 105px; background:url(/admin/images/login/btn_login.jpg) no-repeat; padding: 0; color: #fff; border:0; cursor:pointer;}

.input_id.on, .input_pw.on {background: none !important;}

.footer {position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #6f6f6f; border-top: 1px solid #d9dce0; font-size: 12px; background-color: #fff;}


/* ----------2024.06.11  로그인 UI 수정---------- */

	#login_area .login_form.new {width:600px;}
	#login_area .login_form.new .form {padding: 40px;}
	#login_area .login_form.new td {font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum';}
	#login_area .login_form.new h1.logo_top {top: -85px;}
	#login_area .login_form.new h1.logo_top img {width:90px; float: right; padding-top: 7px;}
	#login_area .login_form.new h1 strong {letter-spacing: -2px; display:inline-block;  float: left; font-size: 21px;  line-height: 3;}
	#login_area .login_form.new h1 strong span {color:#0766ab;}
	#login_area .login_form.new .save_id {padding-bottom:15px;}
	#login_area .login_form.new .save_id label {font-size:16px; color: #666; letter-spacing: -1px; cursor: pointer;}
	#login_area .login_form.new .save_id input { vertical-align: middle;  cursor: pointer;  accent-color: rgb(0 117 255);  width: 17px;  height: 17px;}
	#login_area .login_form.new input {width:100%; font-size: 16px;}
	#login_area .login_form.new input::placeholder {color:#999;}
	#login_area .login_form.new .btn_login { width: 100%; background: #0062a9; border: solid 1px #00467a; font-size: 18px;  font-weight: bold; color: #fff;  }
	#login_area .login_form.new .login_desc {background:#e8eaf1; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:15px; padding: 10px 20px; box-sizing: border-box;  height: auto;   line-height: 2;  text-align: left;}
	#login_area .login_form.new .login_desc .kind {display:inline-block; float:left;}
	#login_area .login_form.new .login_desc .btn_tel {display:inline-block; float:right;}
	#login_area .login_form.new .login_desc .btn_tel2 {display:inline-block; margin-left:20px;  padding-left: 10px;  position: relative;}
	#login_area .login_form.new .login_desc .btn_tel2::before{content:''; position:absolute; top:7px; left:0; margin-left:-3px; width:1px; height:14px; background:#ccc;}
	#login_area .login_form.new .login_desc a {font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; color: #274f6b; font-weight: normal; transition:0.4s;}
	#login_area .login_form.new .login_desc a:hover {text-decoration:underline; transition:0.4s;}