@charset "utf-8";

body {background:#e9f3fd; bottom:0; font-family:'Noto Sans KR', sans-serif, ngwoff, Dotum; font-size:12px; left:0; margin:0; padding:0; position:absolute; right:0; top:0; }
#login_wrap {background:#e9f3fd; bottom:0; color:#000; font-size:13px; height:100%; left:0; margin:0; padding:0; position:absolute; right:0; top:0; vertical-align:middle; width:100%; z-index:1; }
#login_header {text-align:center;}
#login_container {height:auto; margin:50px auto; text-align:center;overflow:hidden;}
#login_footer {width:100%; text-align:center; overflow:hidden;}
#login_footer .login_tit{text-align:center; font-size:14px; margin-bottom:5px;}
#login_footer .login_call{text-align:center; display:inline-block;}
#login_footer .login_call li{float:left; font-size:14px;}
#login_footer .login_call li:nth-child(2){margin:0 5px;}
#login_footer .login_call li:nth-child(1){background:url(../images/login/iconcall.png) no-repeat 0 3px;     padding: 0px 0 0 25px;}
#login_footer .login_call li:nth-child(3){background:url(../images/login/iconfax.png) no-repeat 0 3px;     padding: 0px 0 0 25px;}
#login_footer .login_install{}
#login_inner{background:#fff; position:relative; left:50%; top:50%; transform: translate(-50%, -50%); width:1200px; border-radius: 10px; padding:30px; box-sizing:border-box;}

/*LOGIN*/
.Hd_Login, .Hd_Logout { display:inline-block; width:460px; }
.hdb2b_login, .hdb2b_logout {margin:0 auto}
.hdb2b_login .id input, .hdb2b_login .pw input {width:100%; height:35px; border: 1px solid #dedede; border-radius: 5px; font-size: 14px;
    color: #9d9d9d; padding: 20px; box-sizing: border-box; line-height: 35px; background: #fff !important;}
.hdb2b_login .id{margin-bottom:5px;}
*+html body .hdb2b_login .id input, *+html body .hdb2b_login .pw input {padding-top:7px; background-position:0 8px; }
@media \0screen {
	.hdb2b_login .id input {margin-top:10px; background-position:0 3px; }
}
@media \0screen {
	.hdb2b_login .pw input {margin-top:10px; background-position:0 3px; }
}
.hdb2b_login .id_save {float:left; color:#677d98; font-size:12px; font-weight:600; margin:12px 0 0 0px; }
.hdb2b_login .id_save input {padding:0; display:inline-block; vertical-align:top; margin:3px 5px 0 0; }
*+html body .hdb2b_login .id_save input {vertical-align:middle; }
.hdb2b_login .find_info label,
.hdb2b_login .btn_login {margin-top:20px; }
.hdb2b_login .btn_join {/*float:right; margin-top:20px; cursor:pointer;*/ }

/*LOGOUT*/
.hdb2b_logout .logout_in .user { text-align:left; padding:0 0 10px 2px;font-size:18px; }
.hdb2b_logout .logout_in .user .id {color:#2f3d4f; font-size:20px; font-weight:600; margin:0 3px 0 0; }
.hdb2b_logout .logout_in .connect {width:100%}
.hdb2b_logout .logout_in .connect .txt_thanks {margin-bottom:12px; }
.logout_in .connect .btn_admin{float:right; font-size:14px; color:#6d88a4; font-weight:500; margin-bottom:5px}
.hdb2b_logout .logout_in .connect_in {width: 100%; border: 1px solid #dae8f8; background: #eff4fc;
    border-radius: 5px; padding: 20px; display:inline-block; box-sizing: border-box; }
.hdb2b_logout .logout_in .connect select {width:75%; margin-right:1%; float:left; height:30px; float:left; border-radius: 3px; }
.logout_in .connect .btn_shop_in {width:24%; background:#6d88a4; display:inline-block; height:30px; border-radius: 3px; line-height:28px; color:#fff; font-size:13px;}
.hdb2b_login .user_info,
.hdb2b_logout .user_info {margin: 10px 0 100px 0;width: 100%;display: inline-block;text-align: center;}
.hdb2b_login  .user_info li,
.hdb2b_logout .user_info li{display: inline-block; margin: 0 3px; color:#333 !important}
.hdb2b_logout .user_info li a{color:#333 !important}
.hdb2b_logout .user_info a.register {float:right; margin:0; display:inline-block; }
.logout_in .btn_logout {display:inline-block;margin-top:26px; }

/*ADMIN LOGIN&LOGOUT*/
.admin_login .login_in, .admin_logout .logout_in {float:none;}
.admin_login .login_in p {float:left; width:100%; }
.admin_login .id_save {clear:both; }
.admin_login .btn_login,
.logout_in .btn_logout, .btn_login {float:left; clear:both; width:100%; height:50px; line-height:50px; color:#fff;
	font-weight:500; font-size:16px; background:#056ac9; border: none; border-radius: 5px; cursor:pointer;}
.admin_login .btn_login:hover,
.logout_in .btn_logout:hover,
.btn_login:hover{background:#0558a7}
.admin_logout .logout_in .connect {float:left; } 
.admin_logout .logout_in .user .id {font-size:20px;}
.admin_logout .user_info a.register {margin-right:235px; }
.admin_logout .txt_thanks {float:left; display:inline-block; }
.user_info_bold{color:#056ac9; font-weight:600}

.kko_go{background:url(../images/login/iconkko.png) no-repeat 0 3px; padding: 0 0 0 20px; color:#333}
.find_info a{color:#333 !important}