@charset "utf-8";
/********************************************************************************************************
  로그인
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  로그인 페이지
 -------------------------------------------------------------------------------*/
/* 로그인 - BG */
body.login_bg { /*background: url("../img/img_login_bg.png") no-repeat center center; */background-size: cover;background-color:#32364a; }
div.login_page { width: 100%; height: 100%; min-width: 300px; background: url("../img/img_login_pattern.png") repeat center center;}
div.login_page .login_wrap { position: absolute; top: 50%; left: 50%; width: 300px; margin-left: -150px; margin-top: -250px; }

/* 로그인 - HEADER */
div.login_page .login_header {}
div.login_page .login_header .login_logo { width: 100%; padding: 0 0 50px 0; text-align: center; }
div.login_page .login_header .login_lang { width: 100%; }
div.login_page .login_header .login_lang .login_greet { float: left; font-size: 18px; color: #fff; }
div.login_page .login_header .login_lang .lang_set { float: right; position: relative; min-width: 72px; height: 26px; padding: 0 18px 0 15px; border-radius: 13px; font-size: 16px; color: #fff; background-color: rgba( 0, 0, 0, 0.2); cursor: pointer; box-sizing: border-box; }
div.login_page .login_header .login_lang .lang_set .lang_val { width: 100%; line-height: 26px; background-image: url("../img/input_lang_off.png"); background-repeat: no-repeat; background-position: right center; padding-right:7px }
div.login_page .login_header .login_lang .lang_set ul { display: none; z-index: 100; position: absolute; width: 100%; top: 30px; left: 0; padding: 8px 0; margin: 0; border-radius: 13px; background: #fff; box-sizing: border-box; }
div.login_page .login_header .login_lang .lang_set ul > li { list-style: none; padding: 0 13px; cursor: pointer; }
div.login_page .login_header .login_lang .lang_set ul > li .lang_check { display: inline-block; width: 100%; line-height: 24px; color: #a0a0a0; cursor: pointer;}
div.login_page .login_header .login_lang .lang_set ul > li .lang_check.on { background: url("../img/input_lang_check.png") no-repeat right center; color: #000; }
div.login_page .login_header .login_lang .lang_set.on .lang_val { background-image: url("../img/input_lang_on.png"); }
div.login_page .login_header .login_lang .lang_set.on ul { display: block; }

/* 로그인 - BODY */
div.login_page .login_body { clear:both; width:100%; padding: 20px 0 0 0; }
div.login_page .login_body div.login_tab_wrap { }
div.login_page .login_body div.login_tab_wrap .login_tab_list_wrap { display: table; table-layout: fixed; width: 100%; padding: 0px; box-sizing: border-box; text-align: center; border-bottom: solid 1px #fff }
div.login_page .login_body div.login_tab_wrap .login_tab_list_wrap .tab_list { display: table-cell; padding: 0 5px; line-height: 42px; box-sizing: border-box; font-size: 16px; color: rgba(255,255,255, 0.2); font-weight: normal; text-decoration: none; cursor: pointer}
div.login_page .login_body div.login_tab_wrap .login_tab_list_wrap .tab_list.active { border-bottom: 2px solid #fff; font-weight: 600; color: #fff; }
div.login_page .login_body div.login_tab_wrap .login_tab_conts_wrap { padding: 20px 0 0 0; }
div.login_page .login_body div.login_tab_wrap .login_tab_conts_wrap .tab_conts { display: none; }
div.login_page .login_body div.login_tab_wrap .login_tab_conts_wrap .tab_conts.active { display: block; }

/* 로그인 - BODY - 로그인인풋  */
div.login_page .login_body div.eb_login_input input { -webkit-appearance: none; -moz-appearance:none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
div.login_page .login_body div.eb_login_input input::-ms-clear, div.eb_login_input input::-ms-reveal { display: none; }
div.login_page .login_body div.eb_login_input { display: inline-block; position: relative; width: 100%; height: 50px; vertical-align: middle; }
div.login_page .login_body div.eb_login_input input { width: 100%; height: 100%; line-height: 1; padding: 0 50px 0 20px; border: 0; font-size: 14px; color: #303030; background-color: #ffffff; }
div.login_page .login_body div.eb_login_input input:focus { background: #eff6fd; }
div.login_page .login_body div.eb_login_input.typing input{ padding-right: 30px; }
div.login_page .login_body div.eb_login_input span.btn_textclear { display: none; position: absolute; width: 50px; height: 50px; top:0; right: 0; background: url("../img/input_login_reset.png") no-repeat center; text-indent: -9999px; cursor: pointer; }
div.login_page .login_body div.eb_login_input.input_id input { width: 100%; border-radius: 5px 5px 0 0; }
div.login_page .login_body div.eb_login_input.input_pw input { width: 100%; border-top: 1px solid #c5c5c5; border-radius: 0 0 5px 5px; }
div.login_page .login_body div.eb_login_input input::placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.login_page .login_body div.eb_login_input input:-ms-input-placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.login_page .login_body div.eb_login_input input::-webkit-input-placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.login_page .login_body div.eb_login_input input::-moz-placeholder { opacity: 1; -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.login_page .login_body div.eb_login_input input:read-only,
div.login_page .login_body div.eb_login_input input[readonly="readonly"], 
div.login_page .login_body div.eb_login_input input:read-only:focus,
div.login_page .login_body div.eb_login_input input[readonly="readonly"]:focus { cursor: default; }
div.login_page .login_body div.eb_login_input input:disabled,
div.login_page .login_body div.eb_login_input input[disabled="disabled"] { color: #c8c8c8; background-color: #fbfbfb; cursor: default; }
div.login_page .login_body div.eb_login_checkbox { padding-top: 10px; display: inline-block; position: relative; vertical-align: middle; font-size: 0; }
div.login_page .login_body div.eb_login_checkbox input { position: absolute; top: 50%; left: 8px; width: 1px; height: 1px; opacity: 0.01; filter:alpha(opacity=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; }
div.login_page .login_body div.eb_login_checkbox label { display: inline-block; z-index: 100; min-height: 22px; padding: 0 0 0 22px; box-sizing: border-box; font-size: 14px; line-height: 24px; color: #ffffff; background: url('../img/input_login_off.png') no-repeat left center; cursor: pointer; }
div.login_page .login_body div.eb_login_checkbox label > .labeltxt { display: inline-block; padding-left: 9px;}
div.login_page .login_body div.eb_login_checkbox input[checked="checked"] + label,
div.login_page .login_body div.eb_login_checkbox input:checked + label { background: url('../img/input_login_on.png') no-repeat left center; }
div.login_page .login_body div.eb_login_checkbox.readonly:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.01); }
div.login_page .login_body div.eb_login_checkbox.readonly label { cursor: default; }
div.login_page .login_body div.eb_login_checkbox input:disabled,
div.login_page .login_body div.eb_login_checkbox input[disabled='disabled'] + label { background-image: url('../image/common/input_checkbox_dim.png'); cursor: default; }
div.login_page .login_body div.btn_wrap { padding: 20px 0 0 0; width: 100%; }
div.login_page .login_body div.btn_wrap .eb_btn.btn_confirm{ width: 100%; height: 50px; border-radius: 5px; font-size: 16px;}