/* Reset */

body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend,
hr { margin:0; padding:0; } 

h1, h2, h3, h4, h5, h6 { font-size:100%; } 

ul, ol { list-style:none; } 

table { margin:0; padding:0; border-spacing:0; border:0; border-collapse:collapse; _border-collapse:collapse; } 

* + html table { border-collapse:collapse; } 

img, fieldset, abbr, acronym { border:0; } 

address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; } 

q:before, q:after { content:''; } 

input, select, button, textarea { padding:0; color:#333; font-size:100%; vertical-align:top; } 

/* Base */
body { color:#333; font-size:14px; line-height:1; font-weight:400; /*word-break:keep-all; */ } 

hr { display:none } 

caption, legend,
#skipNavi { width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; } 

a { color:#000; text-decoration:none; } 

a:focus, a:hover, a:active { color:#000; } 

input[type=text],
input[type=password],
textarea { padding:0 0 0 5px; margin:0; border:1px solid transparent; } 

label,
input.button, input.submit, input.image,
button { cursor:pointer; } 

textarea, pre { overflow:auto; } 

.hide { position:absolute; top:0; left:-99999px; width:0; height:0; font-size:0; line-height:0; } 

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

img { vertical-align:top; } 

fieldset { display:block; } 

textarea { -webkit-appearance:none; resize:none; } 

.button { border-radius:0; } 

label { -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; } 
select { appearance:none; -moz-appearance:none; -webkit-appearance:none; } 
select::-ms-expand { display:none; } 

input { -webkit-appearance:none; border-radius:0; } 
input:focus { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-user-modify:read-write-plaintext-only; } 
input:before, input:after { outline:none; } 
input { outline:none; } 
input::-ms-clear { display:none; } 
input:focus, textarea:focus { outline:none; } 

* { box-sizing:border-box; outline:none; }  



/* login */
.login_form_wrap { position: relative; width: 100vw; min-width: 600px; height: 100vh; min-height: 680px; box-sizing: border-box; } 
.login_form_wrap *,
.login_form_wrap *::before,
.login_form_wrap *::after { box-sizing: border-box; } 
.login_form { position: absolute; top: 50%; right: 5%; width: 500px; margin: -290px 0 0 -250px; padding: 69px 39px 28px;} 
.login_form .txt_platform { font-size: 20px; line-height: 20px; font-weight: 400; text-align: center; } 
.login_form .title { margin-top: 7px; font-size: 40px; line-height: 40px; font-weight: 600; text-align: center; } 
.login_form .input_section { padding: 30px 40px 36px; } 
.login_form .input_field { position: relative; margin-top: 10px; } 
.login_form .input_field .input_text { width: 100%; height: 50px; padding: 14px 21px; font-size: 16px; line-height: 20px; font-weight: 400; } 
.login_form .input_field .input_text.password { padding-right: 64px; } 
.login_form .input_field .btn_pw_view { position: absolute; top: 14px; right: 22px; width: 32px; height: 20px; background: url(../images/login/B/ico_view_pw.png) no-repeat center center; background-size: contain; text-indent: -9999px; overflow: hidden; cursor: pointer; } 
.login_form .input_field .btn_pw_view.on { background-image: url(../images/login/B/ico_view_pw_on.png); } 
.login_form .input_field ::-webkit-input-placeholder { color:#abaaaa; } 
.login_form .input_field :-ms-input-placeholder { color:#abaaaa; } 
.login_form .input_field ::placeholder { color:#abaaaa; } 
.login_form .input_field .select { width: 100%; height: 50px; padding: 14px 21px; font-size: 16px; line-height: 20px; font-weight: 400; } 
.login_form .input_field .select option:disabled { display: none; } 
.login_form .input_field .select option { font-size: 16px; } 
.login_form .check_field { padding: 18px 2px; } 
.login_form .check_field .input_checkbox { display: inline-block; vertical-align: top; } 
.login_form .check_field .input_checkbox input { display: none; } 
.login_form .check_field .input_checkbox label { display: inline-block; margin-right: 10px; padding-left: 31px; font-size: 16px; line-height: 24px; font-weight: 400; vertical-align: top; } 
.login_form .btn_login { display: block; width: 100%; height: 52px; padding: 0; margin: 0; border: none; font-size: 18px; line-height: 52px; font-weight: 500; text-align: center; } 
.login_form .hr_line { height: 0; } 
.login_form .login_foot { display: flex; justify-content: center; align-items: center; margin-top: 16px; } 
.login_form .login_foot img { vertical-align: top; } 
.login_form .login_foot p { margin-left: 8px; color: #7d7d7d; font-size: 14px; line-height: 20px; font-weight: 400; }